Accordion
Collapsible content sections
Accordions let users expand and collapse content sections.
Basic Accordion
This content is hidden until the accordion is expanded.
You can include any content here: text, code, images, or other components.
With Description
Add a subtitle with the description prop:
Documentation for authentication API endpoints goes here.
Default Open
Start expanded with defaultOpen:
This accordion starts in the open state.
With Icon
Configuration options and settings.
Accordion Group
Group related accordions together:
Introduction and setup instructions.
Configuration options and settings.
Common issues and solutions.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | Required | Accordion header text |
description | string | - | Subtitle below title |
icon | string | - | Font Awesome icon name |
iconType | string | light | Icon style (light, regular, solid) |
defaultOpen | boolean | false | Start in expanded state |