Home
Accordions
Learn how to use the Accordion component in your documentation to organize supplemental content in expandable panels.
Overview
The Accordion component is an expandable block of content that is collapsed by
default. This is useful for initially hiding supplemental information to improve
the overall readability of a page. The Accordion component consists of a
visible header with a title to summarize the content and a body that can contain
any Markdown, media, or even other components. Readers can select the header to
toggle the Accordion to show or hide the content in the body.
Properties
| Name | Type | Description |
|---|---|---|
title required | string | Title of the accordion panel. |
Examples
Simple accordion
Keyboard support
| Key | Function |
|---|---|
| Space | Expand or collapse the focused accordion. |
| Enter | Expand or collapse the focused accordion. |