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