ns-ui / radio-ballot-drop
Use arrow keys to change your vote.
Pick a slip — it folds and drops through the slot. Choosing another pulls the old one back out first.
ns-ui
A single-choice input as a paper ballot — the chosen option folds into a slip and drops through the ballot box's slot with two-phase paper physics (flutter, then settle), and switching your vote pulls the old slip back out first.
Use when a single-choice form input (radio group) that deserves a tactile, physical selection moment — a survey, a poll, a settings choice among a handful of named options — rather than a plain radio list or segmented control; not for counting or tallying events (see histogram-live-grain for that).
Install
npx shadcn add https://design.helpmarq.comns-ui / radio-ballot-drop
Use arrow keys to change your vote.
Pick a slip — it folds and drops through the slot. Choosing another pulls the old one back out first.
| Prop | Type | Default | Description |
|---|---|---|---|
| options? | BallotOption[] | DEFAULT_OPTIONS | — |
| label? | string | "Offsite location" | — |
| defaultValue? | string | — | — |
| className? | string | — | — |