Trend Delta

Inline percent change with a directional arrow, green for up and rose for down, beside a compare period.

+12.4%vs last week

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

Import & use

import { Indicator8 } from "@/components/beste/piece/indicator8";

<Indicator8
  direction="up"
  value="+12.4%"
  period="vs last week"
/>