← General Design System

Switch

On/off toggle — 1:1 with Mantine Switch, on our tokens. Track = grey-400 (off) / primary-500 (on), white thumb. States: off · on · disabled. Sizes sm · md · lg · with label + description · inner ON/OFF labels · thumb icon.

States

off · on · disabled off · disabled on · md · with label

Sizes

sm · md · lg · on

With description

2-line · control aligns to top

Inner labels & thumb icon

ON/OFF inside the track · check/cross in the thumb