Disclosure

Disclosure is a vertical stack of headers that expand or collapse to show or hide content, providing an organized, user-friendly way to manage information.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add disclosure

Disclosure (Collapsible)

Basic

View

Code

Controlled

View

Code

{
  "expanded": false
}

Disabled

View

Code

Disclosure Group (Accordion)

View

Code

Default Expanded

View

Code

Billing address form here.

Allow Multiple Expanded

View

Code

Disabled

View

Code