> For the complete documentation index, see [llms.txt](https://build.sovryn.com/builder-portal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://build.sovryn.com/builder-portal/ui-library/atoms/badge.md).

# Badge

## Description

Toggle is a control that is used to quickly switch between two possible states. Toggles are only used for these binary actions that occur immediately after the user “flips the switch”. They are commonly used for “on/off” switches.

Scale labels variations (future dev) We’ll add an option for labels inside the toggle switch

## Figma

{% @figma/embed fileId="Ig2ZfR16Svs8In7yibukrO" nodeId="9870:2605" url="<https://www.figma.com/file/Ig2ZfR16Svs8In7yibukrO/Sovryn-UI-Library?node-id=9870:2605&t=SVMz4fIcFU0D6F4n-1&type=design>" %}

## Usage Examples (Storybook)

{% embed url="<https://main--64805a328deba43ac7b6d3c1.chromatic.com/iframe.html?args=&id=atoms-badge--primary&viewMode=docs>" %}