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 | ×C | Shade | Alpha | ×C | |||
| Indicator | ||||||||
| indicator | 8 | 1 | 1 | 9 | 1 | 1 | ||
| on-indicator | white | 1 | 1 | white | 1 | 1 | ||
| indicator-highlight | 12 | 0.1 | 1 | 6 | 0.3 | 1 | ||
| indicator-track | 8 | 0.1 | 1 | 8 | 0.15 | 1 | ||