Accordion
Expandable content panels. Click a header to reveal its body. Supports single or multi-expand.
import
{ Accordion } from "@pepulux/ui"Default (single expand)
Pepulux Playbook is a component library built for all Pepulux OS products. It's token-driven, multi-brand, and built to last.
Multiple expand + bordered
Separated cards
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | AccordionItem[] | — | Array of { id, title, content, disabled? } |
| defaultExpanded | string[] | [] | IDs of panels open by default |
| multiple | boolean | false | Allow multiple panels open simultaneously |
| variant | "default" | "bordered" | "separated" | "default" | Visual container style |