Navigation

An interactive UI component that expands or collapses content sections, improving accessibility and user experience.

Basic

A disclosure, also known as a collapsible, is a vertical stack of headers that expand or collapse to show or hide content sections. It helps organize large amounts of information, making it easier for users to navigate and find what they need.

Loading...

Installation

If you hit any issues, make sure you check out the installation guide here for more information.

Manual installation

Make sure you also install the composed components and the required packages for the component to function properly.

Anatomy

Disabled

You can disable all disclosure by setting the isDisabled prop.

Loading...

Controlled

You can control the disclosure by using the isExpanded prop.

Loading...

Accordion

If you're looking for a more advanced accordion, check out the Disclosure Group component.

Flexible blocks and templates
Use ready-made blocks to craft unique pages without starting from scratch.
blocks.intentui.com
Disclosure / Intent UI