Expandable
Collapsible sections for nested property details.
Use the Expandable component to hide supplementary details behind a toggle. This is useful for documenting nested objects, optional configuration, or advanced options without overwhelming the reader.
<Expandable title="child properties">
- **name** (`string`) — Display name of the item. - **value** (`number`) —
Numeric value associated with the item. - **metadata** (`object`) — Additional
key-value pairs.
</Expandable>Set defaultOpen to reveal the content on page load:
<Expandable title="response fields" defaultOpen>
- **id** (`string`) — Unique identifier. - **status** (`"active" |
"archived"`) — Current status. - **createdAt** (`string`) — ISO 8601
timestamp.
</Expandable>string) — Unique identifier. - status ("active" | "archived") — Current status. - createdAt (string) — ISO 8601
timestamp.You can nest expandables to document deeply nested structures:
<Expandable title="project properties">
- **name** (`string`) — Project name.
- **config** (`object`) — Project configuration.
<Expandable title="config properties">
- **theme** (`string`) — Color theme.
- **navigation**