Components

Expandable

A single collapsible section.

Use Expandable for one optional block of content. For a list of related items, prefer Accordion.

Basic usage#

<Expandable title="Advanced settings">
  These settings are optional and can be left at defaults.
</Expandable>

This section starts expanded.

<Expandable title="Open section" defaultOpen>
  This section starts expanded.
</Expandable>

Each expandable is an independent accordion and does not coordinate open state with siblings.

Name	Type	Description
titlerequired	ReactNode	Summary label.
defaultOpen	boolean	Whether the section starts expanded. Default: false
children	ReactNode	Content revealed when open.

Last updated on Aug 8, 2026