Chakra Docs


Chakra UI's Disclosure components provide a set of accessible and reusable components that you can use to build common web interactions like accordions, tooltips, and menus. These components aim to follow the WAI-ARIA Disclosure Pattern, providing enhanced accessibility. At the core of these components are the concepts of disclosure and hiding content, or in simpler terms, showing and hiding parts of your UI based on user interactions.

Chakra UI offers two main components for Disclosure: accordions and tabs. Accordions and tabs are user interface components that can be used to organize and display content in a structured and user-friendly way.

In Chakra UI, the Accordion component is a wrapper that uses cloneElement to pass props to AccordionItem children, while the AccordionItem component is a child of the Accordion component that can be used to display content in a collapsible and expandable manner.

copyright © 2023 IHeartComponents |


Special thanks to Stefan Bohacek / Generative Placeholders.