Accordion
navigationExpand/collapse sections with spring-based animation. Supports single and multiple open items.
import { Accordion } from '@/components/forge'Preview
Accordion
A production-grade design system for fast product interfaces.
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
items | AccordionItem[] | - | Yes | Array of { id, title, content } |
type | 'single' | 'multiple' | 'single' | No | Whether multiple items can be open simultaneously |
defaultValue | string | string[] | - | No | Initially open item(s) |
Variants
singlemultiple
Accessibility
- Uses Radix Accordion primitives
- Trigger has aria-expanded reflecting open state
- Panel has role="region" with aria-labelledby linking to trigger