Toggle Group · Elements

Root · Item

#Item

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

#Root

Prop	Type	Default	Description
`size`	`String as PropType<"sm" \| "md" \| "lg">`	`"md"`	One rung of the control-height ladder for the items.
`defaultValue`	`string[]`		The initial selected value of the toggle group when rendered. Use when you don't need to control the selected value of the toggle group.
`deselectable`	`boolean`	`true`	Whether the toggle group allows empty selection. Note: This is ignored if `multiple` is `true`.
`disabled`	`boolean`		Whether the toggle is disabled.
`id`	`string`		The unique identifier of the machine.
`ids`	`Partial<{ root: string; item(value: string): string; }>`		The ids of the elements in the toggle. Useful for composition.
`loopFocus`	`boolean`	`true`	Whether to loop focus inside the toggle group.
`modelValue`	`string[]`		The v-model value of the toggle group
`multiple`	`boolean`		Whether to allow multiple toggles to be selected.
`orientation`	`toggleGroup.Orientation`	`"horizontal"`	The orientation of the toggle group.
`rovingFocus`	`boolean`	`true`	Whether to use roving tab index to manage focus.

Event	Payload
`valueChange`	`details: ValueChangeDetails`
`update:modelValue`	`value: string[]`