Accordion

A vertically stacked set of interactive headings that reveal or hide associated content.

Default

Only one item can be open at a time. Click an item to expand or collapse it.

Yes. It adheres to the WAI-ARIA design pattern. All interactive elements are keyboard accessible and screen reader friendly.

Multiple Open

Multiple items can be expanded at the same time.

With Icons

Accordion items with leading icons for visual context.

Bordered

Each item in a separate bordered container for visual separation.

Flush

Minimal style with no borders. Subtle hover effect on headers.