Collapsible
One disclosure section with a title row that shows or hides its children.
Group: Navigation · Kind: macro · in the lite catalog
Preview
Section titled “Preview”open
Advanced
Retries, timeouts and the proxy live here.
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
title |
string |
yes | – | The header text. |
open |
boolean |
– | yes | Whether the body shows; bind it. Default false. |
count |
number |
– | – | A count shown in the header. |
Events
Section titled “Events”on.change: runs an action
None.
Children
Section titled “Children”many
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”Accessibility
Section titled “Accessibility”Role: group
trigger = button with aria-expanded. The trigger is a button with aria-expanded = open ($a11y).
| Keys | Action |
|---|---|
Enter Space |
toggle |
Theming
Section titled “Theming”Recipe parts: Collapsible/root Collapsible/trigger Collapsible/chevron Collapsible/title Collapsible/count Collapsible/body
Keyed by: open :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Icon · Text · Tabs · Segmented · Accordion · Pagination · Breadcrumb · Outline