Expandable

Simple show/hide content sections

Expandable provides a lightweight way to show and hide content.

Basic Usage

<Expandable title="Show more details">

  These details are hidden by default and revealed when clicked.

</Expandable>

Default Open

Start expanded:

This section starts visible.

<Expandable title="Expanded by default" defaultOpen>

  This section starts visible.

</Expandable>

Use Cases

API Response Details

Optional Configuration

Properties

stringrequired

Section header text.

booleandefault: false

Start expanded.

Expandable vs Accordion

Use Expandable for simple show/hide. Use Accordion when you need icons, descriptions, or grouped sections.