Collapsible

Single expand/collapse region.

Usage

One region that expands and collapses. Bits renders the trigger as a real <button> and wires aria-expanded plus aria-controls pointing at the panel — so the trigger already carries its own state and target. Your job is the label.

Controlled

open is bindable, so you can read the state to change the label or drive something else on the page.

open: false

Collapsible vs Accordion

Collapsible is one independent region. Accordion is a set of regions that know about each other — it can enforce that only one is open at a time and gives you arrow-key navigation between triggers.

A row of Collapsibles is not an Accordion. It has no shared state and no keyboard relationship between the triggers, so if the panels belong to one set, reach for Accordion.

Props

Collapsible.Root — open is bindable.

Prop	Type	Default
`open` Whether the panel is open. Bindable.	`boolean`	`false`
`disabled`	`boolean`	`false`
`class` Extra classes merged onto the root.	`string`	—

Collapsible.Trigger

Prop	Type	Default
`class` Extra classes merged onto the trigger.	`string`	—

Collapsible.Content

Prop	Type	Default
`class` Extra classes merged onto the panel.	`string`	—