Accordion
A vertically stacked disclosure group for revealing secondary content in place.
Added in v2.5.0 · import from "@borneo/react"
Live previewPermalink to this section
This is the production component using the active theme and component contracts.
Roles control what teammates can view and edit.
AnatomyPermalink to this section
Every visible part has one job and a clear requirement.
| Part | Requirement | Purpose |
|---|---|---|
| Item | Required | Groups one trigger and one controlled panel. |
| Trigger | Required | A button carrying expanded state. |
| Disclosure icon | Required | Rotates to reinforce state. |
| Content | Required | The region associated with its trigger. |
Variants and statesPermalink to this section
Choose a variant for meaning or layout need, never decoration alone.
| Variant | Use |
|---|---|
| Single | One item open at a time; can optionally be collapsible. |
| Multiple | Several items can remain open for comparison. |
| Disabled item | Visible but unavailable, with native disabled semantics. |