Basic example

No Selection

1

2

3

Submitting a form using Radio Group

The name prop is used to name the group. It is submitted with its owning form as part of a name/value pair.

When the required prop is True, it indicates that the user must check a radio item before the owning form can be submitted.

{}

High level wrapper for the RadioGroup component.

Prop	Type \| Values	Default	Interactive
`items`	`Sequence`	`-`
`direction`	`"row" \| "column" \| ...`	`-`
`spacing`	`"0" \| "1" \| ...`	`-`
`size`	`"1" \| "2" \| ...`	`-`
`variant`	`"classic" \| "surface" \| ...`	`-`
`color_scheme`	`"tomato" \| "red" \| ...`	`-`
`high_contrast`	`bool`	`-`	false
`value`	`str`	`-`
`default_value`	`str`	`-`
`disabled`	`bool`	`-`	false
`name`	`str`	`-`
`required`	`bool`	`-`	false

A set of interactive radio buttons where only one can be selected at a time.

Prop	Type \| Values	Default	Interactive
`size`	`"1" \| "2" \| ...`	`-`
`variant`	`"classic" \| "surface" \| ...`	`-`
`color_scheme`	`"tomato" \| "red" \| ...`	`-`
`high_contrast`	`bool`	`-`	false
`value`	`str`	`-`
`default_value`	`str`	`-`
`disabled`	`bool`	`-`	false
`name`	`str`	`-`
`required`	`bool`	`-`	false

Trigger	Description
`on_change`	Fired when the value of the radio group changes.

An item in the group that can be checked.

Prop	Type \| Values	Default	Interactive
`value`	`str`	`-`
`disabled`	`bool`	`-`	false
`required`	`bool`	`-`	false