Components
Accordion
Sections that open with a spring on their height — content pours in, the chevron flips with a wobble.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { Accordion } from '@vizzele/react';
<Accordion
items={[
{ id: 'what', title: 'What is Vizzele?', content: '…' },
{ id: 'price', title: 'Is it free?', content: 'MIT licensed.' },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | AccordionItem[] | — | { id, title, content, disabled? } |
multiple | boolean | false | Several open at once. |
open / defaultOpen / onOpenChange | string[] | — | Open ids. |
Accessibility
- Buttons inside headings with aria-expanded/aria-controls; closed panels are inert.