> For the complete documentation index, see [llms.txt](https://build.sovryn.com/builder-portal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://build.sovryn.com/builder-portal/ui-library/atoms/accordion.md).

# Accordion

## Description

The accordion is used to expand (and collapse) a certain part of the page (usually the accordion is part of a form) which is hidden by default.

The content of the accordion can be any type.

The expand collapse control label usually includes a summary of the accordion’s content.

## Figma

{% @figma/embed fileId="Ig2ZfR16Svs8In7yibukrO" nodeId="3033:2034" url="<https://www.figma.com/file/Ig2ZfR16Svs8In7yibukrO/Sovryn-UI-Library?node-id=3033:2034&t=QbN54HKK5U64I4lf-1&type=design>" %}

## Usage Examples (Storybook)

{% embed url="<https://main--64805a328deba43ac7b6d3c1.chromatic.com/iframe.html?args=&id=atoms-accordion--default&viewMode=docs>" %}

&#x20;