Value Trend

Estimated value card with a 1y trend pill, big current value, and a light green mini line chart.

Estimated value+4.2% 1y

$1,240,000+28.7% 5y

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Realestate9 } from "@/components/beste/piece/realestate9";

<Realestate9
  label="Estimated value"
  current="$1,240,000"
  oneYear="+4.2% 1y"
  fiveYear="+28.7% 5y"
  series={[
    960,
    980,
    1020,
    1060,
    1080,
    1140,
    1180,
    1240
  ]}
  tone="primary"
/>