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.

Horizontal Layout

RadioGroup arranged in a horizontal layout using flexbox CSS classes.

Disabled

RadioGroup with individual items disabled via the Disabled parameter on RadioGroupItem.

Anatomy

Loading example…

Keyboard Navigation

  • / - Move to next option
  • / - Move to previous option
  • Tab - Move focus to/from the group