◇

ToggleGroup

2 parts

Anatomy

Import the parts and compose them. Each part forwards attributes to its underlying element.

vue

import {
  ToggleGroupItem,
  ToggleGroupRoot,
} from '@robonen/primitives/toggle-group';

<ToggleGroupItem>
  <ToggleGroupRoot />
</ToggleGroupItem>

Item

Prop	Type	Default	Description
`value`	`string`	—	—
`disabled`?	`boolean`	—	—

Root

Prop	Type	Default	Description
`type`?	`ToggleGroupType`	—	—
`modelValue`?	`string \| string[]`	—	—
`defaultValue`?	`string \| string[]`	—	—
`disabled`?	`boolean`	—	—
`orientation`?	`'horizontal' \| 'vertical'`	—	—
`dir`?	`RovingDirection`	—	—
`loop`?	`boolean`	—	—
`rovingFocus`?	`boolean`	—	—