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/accordion.md
1# Accordion23Collapsible content sections45**Parts:** `AccordionRoot`, `AccordionItem`, `AccordionHeader`, `AccordionTrigger`, `AccordionContent`67## AccordionRoot89### Props10| Prop | Type | Default |11|------|------|---------|12| `as` | `AsTag \| Component` | `"div"` |13| `asChild` | `boolean` | - |14| `collapsible` | `boolean` | `false` |15| `defaultValue` | `string \| string[]` | - |16| `dir` | `"ltr" \| "rtl"` | - |17| `disabled` | `boolean` | `false` |18| `modelValue` | `string \| string[]` | - |19| `orientation` | `"vertical" \| "horizontal"` | `"vertical"` |20| `type` | `"single" \| "multiple"` | - |2122### Emits23| Event | Payload |24|-------|---------|25| `update:modelValue` | `[value: string \| string[]]` |2627### Slots28| Slot | Type |29|------|------|30| `modelValue` | `string \| string[] \| undefined` |3132## AccordionItem3334### Props35| Prop | Type | Default |36|------|------|---------|37| `as` | `AsTag \| Component` | `"div"` |38| `asChild` | `boolean` | - |39| `disabled` | `boolean` | - |40| `value`* | `string` | - |4142### Slots43| Slot | Type |44|------|------|45| `open` | `boolean` |4647## AccordionHeader4849### Props50| Prop | Type | Default |51|------|------|---------|52| `as` | `AsTag \| Component` | `"h3"` |53| `asChild` | `boolean` | - |5455## AccordionTrigger5657### Props58| Prop | Type | Default |59|------|------|---------|60| `as` | `AsTag \| Component` | `"div"` |61| `asChild` | `boolean` | - |6263## AccordionContent6465### Props66| Prop | Type | Default |67|------|------|---------|68| `as` | `AsTag \| Component` | `"div"` |69| `asChild` | `boolean` | - |70| `forceMount` | `boolean` | - |71