Skip to content

Latest commit

 

History

History
16 lines (8 loc) · 726 Bytes

File metadata and controls

16 lines (8 loc) · 726 Bytes

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" %}