Back to Components

Shell

Collapsible

Single toggle-visibility container built on bits-ui. Trigger row with a chevron + body that shows/hides.

Examples

Basic

<Collapsible title="Show details">
  Hidden by default.
</Collapsible>

Props

PropTypeDefaultDescription
openbooleanfalseBindable open state.
titlestringTrigger label.
disabledbooleanfalseLock the trigger.

Install

CLI

npm install bits-ui
npx @a3tai/mittsu add collapsible