# Activable Panel

<figure><img src="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FTHXP4sDqiGZ0mzOnzr6F%2FActivable%20Panel%20Hero.png?alt=media&#x26;token=10cd1be1-3596-43c6-89a7-9142d84beb4d" alt=""><figcaption></figcaption></figure>

## Overview

Activable Panels are dynamic component used to display or hide elements based on user interactions.

Each panel includes a title and a mandatory switch button (with an attached label), allowing users to easily control what they see.

## Guidelines

1. **Toggling On Displays Content:** When the switch is activated, additional content or features become visible.
2. **Toggling On Hides Content:** When the switch is activated, certain content or features are hidden to simplify the view.

## Content

* **Clarity is Key:** Ensure that the label on the Switch Button is exceptionally clear. Users should understand exactly what will happen when they toggle the switch—whether it will reveal or hide information.

{% hint style="info" %}
Learn more about how to use Activable Panel in [Configure Options ](https://design.mirakl.com/design/patterns/configure-options)Pattern.
{% endhint %}