KQ-302 · DAILY/CHECK
Daily Check
The seven-day check-in strip, built as a chain: claiming a day fills it, stamps it, flies its reward to the total, draws a connector to tomorrow, and hands the pulse to the next tile. Day seven pays out and the week rolls over with the streak intact. It never reads the clock — days are indexes, so the strip renders identically on the server and every visit.
KQ-302 · DAILY/CHECK
check-in2 day streak
total2020
+10
+10
+15
+15
+20
+20
+100
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/daily-check
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rewards | number[] | [10,10,15,15,20,20,100] | Per-day rewards; the length drives the strip (5–7). |
| startDay | number | 3 | Which day reads as today, so history is visible. |
| onClaim | (day: number, reward: number) => void | — | Fires per claim. |