DUAccordion
ComponentsExpandable sections (basic, compact, icons, minimal, faq).
import { DUAccordion } from 'deri-ui';Live preview
Yes — MIT licensed.
Yes — utility classes, no CSS runtime.
typescript
<DUAccordion variant="faq" items={[{id:'1',title:'Q?',content:'A'}]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | DUAccordionItem[] | — | Panels |
| variant | basic | compact | icons | minimal | faq | — | Style |
| allowMultiple | boolean | false | Multi-open |
Usage
import { DUAccordion } from 'deri-ui';
<DUAccordion variant="faq" items={[{id:'1',title:'Q?',content:'A'}]} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.