Components
Checkbox
Toggle control for checked and unchecked states
Checkbox
Text Size
Checked
Unchecked
Indeterminate
Neutral
Brand
Error
Warning
Success
Info
Usage
With label
With description
Receive an email when someone replies to your message.
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 | ||