Radio group
One choice from a short, visible list. Arrow keys move and select, Tab leaves the group, and disabled options are skipped.
bunx --bun shadcn@4.17.0 add @waimakers/radio-group- npm dependencies
- @base-ui/react@1.9.0lucide-react@1.33.0
From the registry
Radio Group uses Base UI, not Radix. A Radio is a branded circular control by default, on the 3:1 control border with a 32px hit area; checked, it fills with the accent and draws an ink dot inside that border; aria-invalid draws a 2px --danger edge, the border plus a solid 1px ring, never an opacity fade, measured at 4.38:1 or better on every ground. Compose it with a kit Button to keep button styling without nesting controls. RadioGroup provides roving focus, arrow-key selection, wrapping and native form values.
Examples
Default
Name the group, then give every radio its own label.
Send the digest
With descriptions
Put a hint under each option when the choice needs explaining.
The agent reads your meetings and nobody else's.
Paul, Anna and Tamar can ask it questions.
Any colleague can find it in Spaces.
States
A disabled option, a disabled group, an invalid group and a focused radio.
Choose how long to keep transcripts.