Basic example

No Selection

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`	`List`
`direction`	`"row" \| "column" \| ...`	`LiteralVar.create("row")`
`spacing`	`"0" \| "1" \| ...`	`LiteralVar.create("2")`
`size`	`"1" \| "2" \| ...`	`LiteralVar.create("2")`
`variant`	`"classic" \| "surface" \| ...`	`LiteralVar.create("classic")`
`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" \| ...`	`LiteralVar.create("2")`
`variant`	`"classic" \| "surface" \| ...`	`LiteralVar.create("classic")`
`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`	Props to rename Fired when the value of the radio group changes.

An item in the group that can be checked.

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