Radio
Single-choice control (wraps Base UI Radio/RadioGroup).
Basic
- The selection dot scales in on the same spring as Switch's thumb; with reduced motion it appears without the movement
Tones
tone on RadioGroup.Item colors its border and dot once selected. Pick each option to see its color.
Controlled
Own the selected value with value and onValueChange.
Disabled group
Set disabled on RadioGroup to disable every option at once; each one dims and stops responding.
API reference
Also accepts everything from React.ComponentPropsWithoutRef<typeof import("@base-ui/react/radio-group").RadioGroup>.
RadioGroup.Item props
The option's visible text. Clicking it selects the radio.
Color used once selected. Default "default".
Also accepts everything from React.ComponentPropsWithoutRef<typeof import("@base-ui/react/radio").Radio.Root>.
Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent