Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
components/toggle-group.md
1# Toggle Group23Multiple toggles with group behavior45**Parts:** `ToggleGroupRoot`, `ToggleGroupItem`67## ToggleGroupRoot89### Props10| Prop | Type | Default |11|------|------|---------|12| `as` | `AsTag \| Component` | `"div"` |13| `asChild` | `boolean` | - |14| `defaultValue` | `string \| string[]` | - |15| `dir` | `"ltr" \| "rtl"` | - |16| `disabled` | `boolean` | `false` |17| `loop` | `boolean` | `true` |18| `modelValue` | `string \| string[]` | - |19| `orientation` | `"vertical" \| "horizontal"` | - |20| `rovingFocus` | `boolean` | `true` |21| `type` | `"single" \| "multiple"` | - |2223### Emits24| Event | Payload |25|-------|---------|26| `update:modelValue` | `[payload: string \| string[]]` |2728### Slots29| Slot | Type |30|------|------|31| `modelValue` | `string \| string[] \| undefined` |3233## ToggleGroupItem3435### Props36| Prop | Type | Default |37|------|------|---------|38| `as` | `AsTag \| Component` | `"button"` |39| `asChild` | `boolean` | - |40| `disabled` | `boolean` | - |41| `value`* | `string` | - |42