Radio Group

Root · Label · Item · ItemText · ItemControl · Indicator

#Indicator

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

Prop	Type	Description
`disabled`	`boolean \| undefined`	—
`invalid`	`boolean \| undefined`	—
`value`	`string`	—

A styled part — no props of its own; it takes the anatomy's shared styling.

Prop	Type	Default	Description
`size`	`String as PropType<"sm" \| "md" \| "lg">`	`"md"`	One rung for the dial; the chosen dot rides it.
`defaultValue`	`string \| null`		The initial value of the checked radio when rendered. Use when you don't need to control the value of the radio group.
`disabled`	`boolean`		If `true`, the radio group will be disabled
`form`	`string`		The associate form of the underlying input.
`id`	`string`		The unique identifier of the machine.
`ids`	`Partial<{ root: string; label: string; indicator: string; item(value: string): string; itemLabel(value: string): string; itemControl(value: string): string; itemHiddenInput(value: string): string; }>`		The ids of the elements in the radio. Useful for composition.
`invalid`	`boolean`		Whether the radio group is invalid
`modelValue`	`string \| null`		The v-model value of the radio group
`name`	`string`		The name of the input fields in the radio (Useful for form submission).
`orientation`	`'horizontal' \| 'vertical'`		Orientation of the radio group
`readOnly`	`boolean`		Whether the checkbox is read-only
`required`	`boolean`		Whether the radio group is required

Event	Payload
`valueChange`	`details: ValueChangeDetails`
`update:modelValue`	`value: string \| null`