Skip to main content

Accordion

A vertically stacked set of interactive headings that each reveal an associated section of content.

Import

Accordion.Root

Groups all parts of the accordion.

Props

Accordion.Item

Groups an accordion header with the corresponding panel.

Props

Accordion.Header

A heading that labels the corresponding panel.

Props

Inherits common props (className, render, style).

Accordion.Trigger

A button that opens and closes the corresponding panel.

Props

Accordion.Panel

A collapsible panel with the accordion item contents.

Props