Accordion

Accordion items manage their own state internally by default. If you’d like to take control of the state yourself, you can pass “expanded” and “onToggle” props to AccordionItem.
AccordionItem elements can be rendered outside of an enclosing Accordion if you’d like to customise their surrounding layout.
If you want a lighter visual treatment for standalone accordion items, check out Disclosure.

Collapsed Accordion

Accordion item content
Accordion item content
Accordion item content

Expanded Accordion

Accordion item content
Accordion item content
Accordion item content

Standalone AccordionItem

Content

Further References