KQ-307 · REWARD/TRACK
Reward Track
The season track, built around its real mechanic: the unclaimed counter. Progress advances a head along the ribbon, nodes it passes start pulsing, and the nag ticks up until you claim them. Milestones every fifth node pay bigger, and finishing the track offers the next season rather than pretending the run goes on forever.
KQ-307 · REWARD/TRACK
reward track
unclaimed1 to claim1 to claim
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/reward-track
Props
- nodes
- TrackNode[]
- default —
- The ribbon of rewards; every fifth reads as a milestone.
- perClick
- number
- default 34
- Progress per earn, with nodes spaced 100 apart.
- onClaim
- (id: string) => void
- default —
- Fires per claimed node.
| Prop | Type | Default | Description |
|---|---|---|---|
| nodes | TrackNode[] | — | The ribbon of rewards; every fifth reads as a milestone. |
| perClick | number | 34 | Progress per earn, with nodes spaced 100 apart. |
| onClaim | (id: string) => void | — | Fires per claimed node. |