Accordion

Accordions are components that allow sections of content to be vertically displayed on a page. The header for each section controls if that content is expanded or collapsed.

Web

Illustration of the accordion component from Compound UI Web

Compound UI Web Accordion Component

1	Accordion Title
2	Show/Hide Label & Caret Icon
3	Body Content
4	Separator

React Native

Compound UI React Native Accordion Component

1	Accordion Title
2	Caret Icon
3	Body Content