← Design system Examples
Props
| Prop | Type | Default | Description |
|---|
items | AccordionItem[] | required | Array of accordion items with value, trigger, and content |
type | 'single' | 'multiple' | 'single' | Allow one or multiple open panels |
defaultValue | string[] | [] | Initially open panel values |
value | string[] | undefined | Controlled open panels |
onValueChange | (value: string[]) => void | undefined | Callback when open panels change |
variant | 'default' | 'ghost' | 'default' | Visual style variant |
Keyboard
| Key | Action |
|---|
| Arrow Up | Move focus to previous trigger |
| Arrow Down | Move focus to next trigger |
| Home | Move focus to first trigger |
| End | Move focus to last trigger |
| Enter / Space | Toggle the focused panel |