Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Primitives
  2. Collapsible
  3. API and Development

Collapsible

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
Use Collapsible, CollapsibleTrigger, and CollapsibleContent when a section should hide or reveal body copy without accordion chrome. The default export wires a trigger slot; compose CollapsibleContent as a sibling following Radix patterns.
Props
Collapsible root
NameTypeDefaultDescription
appearanceCollapsibleAppearanceCollapsibleAppearance.CardPaint of the container and its trigger.
childrenReactNode—Compose a {@link CollapsibleTrigger }, optional summary content, and a {@link CollapsibleContent }.
classNamestring—Classes appended to the container.
defaultOpenbooleanfalseInitial open state when uncontrolled.
onOpenChangeCollapsibleOpenChangeHandler—Fires when the trigger requests a change.
openboolean—Controlled open state.
variantCollapsibleVariantCollapsibleVariant.DefaultContainer chrome of the card. Flush drops the card's border, padding and gap. It adds nothing under CollapsibleAppearance.Plain, which draws no card.
Storybook
Interactive examples and edge cases for this component are in Storybook.
DefaultOpens in a new tab
Example
Previous
Collapsible / Usage
Next
Collapsible / Accessibility
On this page
Props
Collapsible root
Storybook
Example