KB-114 · FORECAST/CARD
Forecast Card
Every vote moves every bar — one commit renormalizes the whole field while percentages carry-roll and the leader tick migrates to the new front-runner.
KB-114 · FORECAST/CARD
Next specimen to build?
3636votesCloses JAN 15 2027
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/forecast-card
Props
- question / options
- string / ForecastOption[]
- default —
- 2–4 outcomes as { id, label, votes }; options are always the source of counts.
- votedId / defaultVotedId / onVote
- string | null / string / (id) => void
- default —
- Controlled or uncontrolled viewer vote.
- allowRevote
- boolean
- default false
- Let the viewer move their vote between outcomes.
- closesAt
- string | Date
- default —
- Compact mono CLOSES footer line.
| Prop | Type | Default | Description |
|---|---|---|---|
| question / options | string / ForecastOption[] | — | 2–4 outcomes as { id, label, votes }; options are always the source of counts. |
| votedId / defaultVotedId / onVote | string | null / string / (id) => void | — | Controlled or uncontrolled viewer vote. |
| allowRevote | boolean | false | Let the viewer move their vote between outcomes. |
| closesAt | string | Date | — | Compact mono CLOSES footer line. |