RadioGroup

Overview

A radio group container built on Reka UI's RadioGroupRoot, providing keyboard navigation and v-model binding for a set of radio items.

Theme entry: RadioGroup

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
modelValue	string|number|boolean|object		undefined	The controlled value of the checked radio item.
defaultValue	string|number|boolean|object		undefined	The default value when uncontrolled.
disabled	boolean		false	When true, prevents interaction with all radio items.
loop	boolean		true	When true, keyboard navigation loops from last item back to first.
orientation	string		undefined	The orientation of the radio group.
dir	string		undefined	The reading direction of the group.
as	string|object		undefined	The element or component to render as.
asChild	boolean		false	When true, merges props onto the child element instead of rendering a wrapper.
name	string		undefined	The name of the group submitted with form data.
required	boolean		false	When true, the user must select a value before submitting the form.

Slots

default

Scoped slot.

Events

Name	Description
update:modelValue	Emitted when the value changes.

Full event reference

Source

client/lib/controls/radio-group/RadioGroup.vue