Skip to Content
DocsData DisplayCollapsible

Collapsible

A collapsible shows and hides a section of content.

Default expanded

This panel starts out expanded.

Component props

Collapsible

NameTypeDescription
isExpandedbooleanControlled expanded state
defaultExpandedbooleanDefault expanded state
isDisabledbooleanDisables the collapsible
onExpandedChange(expanded: boolean) => voidCalled when the expanded state changes

CollapsibleTrigger

The button that toggles the panel.

CollapsiblePanel

The content that is shown and hidden.