Components › Charts
Steps card
Daily steps against a dashed goal line. Days over the goal are lit.
Installation
npx plankui@latest add steps-cardUsage
import { StepsCard } from "@/components/ui/steps-card";
<StepsCard goal={10000} days={[{ label: "Mon", value: 8420 }]} />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| days | { label; value }[] | a sample week | One bar per day. |
| goal | number | 10000 | Where the dashed line sits. |