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.

Separated Inner separator lines.

Bordered Outer border lines.

Exclusive Allow only one detail open at a time.

Properties Jump to heading