# Toggles

## Purpose

Toggles are designed to make actions simple and visual — when something is **ON**, it’s clearly active, and when it’s **OFF**, it’s inactive. This helps users easily see what features or options are currently in use.

***

## How Toggles Work

#### Toggle **ON** (Orange)

* The setting or feature is **active**.
* The system recognizes that action or function as **enabled**.
* The switch appears **orange** to show it’s turned on.

#### Toggle **OFF** (Grey)

* The setting or feature is **inactive**.
* The system ignores that action or function.
* The switch appears **grey** to show it’s turned off.

{% columns %}
{% column %}
**Toggle is OFF**

<div align="left" data-with-frame="true"><figure><img src="https://3532476255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsVJ0qURLvzCOxTGXEZIZ%2Fuploads%2FhghMEWt9vDs1VtMY7SF1%2FScreenshot%202025-11-01%20at%2016.06.52.png?alt=media&#x26;token=7abcc7af-4eb5-4468-87dc-1120270f496c" alt="" width="99"><figcaption></figcaption></figure></div>
{% endcolumn %}

{% column %}
**Toggle is ON**

<div align="left" data-with-frame="true"><figure><img src="https://3532476255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsVJ0qURLvzCOxTGXEZIZ%2Fuploads%2FKAsiV9PtraDASpD9FkCE%2FScreenshot%202025-11-01%20at%2016.06.59.png?alt=media&#x26;token=442388ea-709f-48a2-a631-35b599784e09" alt="" width="98"><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

### Example

If a toggle for **Notifications** is turned **ON**, the system will send you alerts or updates.

If the toggle is **OFF**, you won’t receive any notifications.

***

### Best Practices

* Always double-check toggle states before making changes.
* Use toggles for quick adjustments rather than detailed configurations.
* Remember that toggles update instantly — turning one on or off applies immediately.