Accordion

Accordion — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

Accordion — Prism component.

Accessibility

Arrow keys move between items; the current item is marked aria-current. Tabs follow the WAI-ARIA tabs pattern (roving tabindex, Home/End).

Import

const { Accordion } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
items	AccordionItem[]	Yes
defaultExpandedKeys	string[]	—
allowMultiple	boolean	—	Keep multiple panels open at once. Default false (one at a time).
className	string	—