Components
Switch
Toggle control for on and off states
Switch
Text Size
Checked
Unchecked
Neutral
Brand
Error
Warning
Success
Info
Usage
With label
With description
Use a dark background with light text.
Disabled
Semantic colors
| Light | Dark | |||||
|---|---|---|---|---|---|---|
| Shade | Alpha | Shade | Alpha | |||
| Indicator | ||||||
| indicator | 8 | 1 | 9 | 1 | ||
| on-indicator | white | 1 | white | 1 | ||
| indicator-highlight | 12 | 0.1 | 4 | 0.2 | ||
| indicator-track | 4 | 1 | 15 | 1 | ||