Anatomy
| 1. container | |
| 2. title | |
| 3. toggle |
Structure
| container | height | --size-height-06 |
| padding-left | --spacing-inset-04 | |
| padding-right | | |
| align-items | center | |
| gap | | |
| border-radius | --border-radius-rounded-03 | |
| border-width | --border-width-thick | |
| toggle | height | --size-height-03 |
| width | 42px | |
| border-radius | --border-radius-circular |
Color
| container | background-color | |
| title | color | --color- |
| toggle | background-color | --color- |
| toggle:active | background-color | --color- |
| handle | background-color | --color- |
| handle:active | background-color | --color--contrast |
Typography
| title | properties class (mixin) | |
| text-align | left |