Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
Radio Group
A headless radio group primitive for selecting one option from a set.
Basic
A simple
RadioGroup with three RadioGroupItem options. Use @bind-Value for two-way binding.
Loading example…
Horizontal Layout
RadioGroup arranged in a horizontal layout using flexbox CSS classes.
Loading example…
Disabled
RadioGroup with individual items disabled via the Disabled parameter on RadioGroupItem.
Loading example…
Anatomy
Loading example…
Keyboard Navigation
- ↓ / → - Move to next option
- ↑ / ← - Move to previous option
- Tab - Move focus to/from the group