Accordion Vertically stacked list of items, each item can be expanded or collapsed to reveal the content associated with that item.

For best accessibility:
Please use details and summary tags. Our CSS takes care of motion-safe sliding open/close animations.

CSS Source

Controls

Symbol Default chevron or plus symbol.

Default Plus

Open The detail will open automatically when interacted with, but you can force it open by adding an open attribute.

Exclusive Allow only one detail open at a time.

Ghost Hide divider lines.

Properties Jump to heading

Class / Token	Type
`.prs-accordion`	Component	Container
`.prs-accordion-content`	Part	For content container