# Radio Group

<flow-radio-group>

Reactive

Stable

The value property of the radio group component is the value property of the currently selected radio button. It can be get and set programmatically. The component will emit the flowRadioGroupChange when a radio button is selected by the user.

The component's value can also be bound to a Flo.w reactive state property. Selecting a radio button in the group will trigger an update of the bound state property and vice versa.

WARNING

To add radio groups to a navigation list use a radio-type List Item instead.

# Examples

# Horizontal Radio Buttons

# Properties

Property	Description	Type	Default
`disabled`	Set to `true` to disable interaction with the radio button group.	`boolean`	`false`
`flowContext` `flow-context`	The Flo.w context ID to use for application state.	`string`	`'default'`
Reactive `selectionState` `selection-state`	Set to bind a Flo.w application state property to this list. The state property value reflects the value of the selected radio button.	`string`
`value`	The value attribute of the radio button group.	`string`

# Events

Event	Description	Type
`flowRadioGroupChange`	Emitted when the control's checked state changes.	`any`

# Slots

Slot	Description
`(default)`	The tag's content.

# CSS Parts

Name	Description
`base`	The component's base wrapper.
`clear-button`	The clear button.
`content`	The tag content.

← Radio Button Tab Group →