# Expandable Panel

<figure><img src="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2F05rwNrQERJ5FwOmeBWJz%2FExpandable%20Panel%20Hero.png?alt=media&#x26;token=5e722103-1a1d-4579-9a47-50b36a551744" alt=""><figcaption></figcaption></figure>

## Overview

Expandable panels are used to lighten the user's cognitive load by hiding extra information yet showcasing the type of information that is displayed.

Expandable panels are composed of a title and a toggle icon (mandatory).

## Guidelines

Do not display critical information within an expandable panel.

Do not use within a form, as the user will not see any mandatory fields that might be hidden in the panel.

## Content

Expandable panel content should follow our [content guidelines](https://design.mirakl.com/content/writing-for-mirakl).&#x20;

Focus on making the title as clear as possible.

<br>