# Configure options

**Overview** 

Configuring settings can significantly affect user operations, whether options are turned on or off. Clear design simplifies decision-making and minimizes confusion. We employ various design elements such as checkboxes and activable panels to ensure the process is clear and user-friendly.

## **Checkbox**

<figure><img src="/files/lqNOjiMulVWI1u2sqef2" alt="" width="375"><figcaption><p>exemple of how a checkbox is used to activate an option</p></figcaption></figure>

* **Usage:** Employ a simple checkbox to enable users to opt into a simple feature. Checkboxes are suitable for straightforward options and can be displayed individually or grouped with others that are semantically related to streamline the user interface.
* **Implementation:** Since checkboxes are form elements, a save bar is required to commit any changes made.

## **Activable Panels**

An [Activable Panel](/design/components/structure/panel/activable-panel.md) can show or hide parts of a form depending on whether a setting is turned on or off. It does not save any changes by itself.

<figure><img src="/files/8IWUtFgTObd9ucZTtpdj" alt=""><figcaption><p>Exemple of the use of an Activable Panel</p></figcaption></figure>

* **Benefits:** Using these panels helps keep your form neat and easy to understand. It reduces the need for many checkboxes and makes the form less confusing.
* **Important Note:** When you activate a panel, it might show a lot of new information. Make sure that this information is necessary and does not overwhelm the user.
* **Activable Panel or Switch inside the panel ?**&#x20;
  * If activating a setting shows or hides the entire panel, use the Activable Panel.
  * If different elements in the panel are shown or hiden separately, use one or several switch within the panel to control these changes.

<figure><img src="/files/uozJR2Xym0xij0AmO5bo" alt="" width="563"><figcaption><p>Exemple of using several switches in a panel</p></figcaption></figure>

## Radio group card

<figure><img src="/files/O3Qsb60DIzO8EwdbnH9v" alt=""><figcaption><p>exemple of a use of Checkbox Group Card to configure options</p></figcaption></figure>

* **Usage:** Use a Radio Group Card when users need to choose between two or three options, each with its own related settings.
* **Functionality:** This component lets users easily switch between different options. It keeps the user interface tidy and makes it clear when moving from one option to another.
* **Important Note:** Use this component in a column layout, not in a row.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://design.mirakl.com/design/patterns/configure-options.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.