Radio Group

Single choice from a set.

Usage

Compose RadioGroup.Root with RadioGroup.Item inside label elements. Bind the root's value for selection state.

Orientation

Pass orientation="horizontal" to RadioGroup.Root to lay items in a row.

States

Individual items can be disabled without disabling the whole group.

Props

Both subcomponents also forward all Bits RadioGroup props via spreading.

PropTypeDefault
RadioGroup.Root · value Bindable selected value.string
RadioGroup.Root · class Extra classes on the root.string
RadioGroup.Item · value Required. The value this item represents.string
RadioGroup.Item · class Extra classes on the item.string