Customizing Switch
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-switch-font-family | Null |
|
|
Description
Font family of the switch. | |||
$kendo-switch-track-border-width | Number |
|
|
Description
Border width of the switch track. | |||
$kendo-switch-thumb-border-width | Null |
|
|
Description
Border width of the switch thumb. | |||
$kendo-switch-label-text-transform | Null |
|
|
Description
Text transform of the switch label. | |||
$kendo-switch-label-display | String |
|
|
Description
Display of the switch label. | |||
$kendo-switch-sizes | Map |
|
|
Description
Map with the different switch sizes. | |||
$kendo-switch-off-track-bg | Color |
|
|
Description
The background of the track when the switch is not checked. | |||
$kendo-switch-off-track-text | Null |
|
|
Description
The text color of the track when the switch is not checked. | |||
$kendo-switch-off-track-border | Color |
|
|
Description
The border color of the track when the switch is not checked. | |||
$kendo-switch-off-track-gradient | Null |
|
|
Description
The background gradient of the track when the switch is not checked. | |||
$kendo-switch-off-track-hover-bg | Null |
|
|
Description
The background of the track when the hovered switch is not checked. | |||
$kendo-switch-off-track-hover-text | Null |
|
|
Description
The text color of the track when the hovered switch is not checked. | |||
$kendo-switch-off-track-hover-border | Null |
|
|
Description
The border color of the track when the hovered switch is not checked. | |||
$kendo-switch-off-track-hover-gradient | Null |
|
|
Description
The background gradient of the track when the hovered switch is not checked. | |||
$kendo-switch-off-track-focus-bg | Null |
|
|
Description
The background of the track when the focused switch is not checked. | |||
$kendo-switch-off-track-focus-text | Null |
|
|
Description
The text color of the track when the focused switch is not checked. | |||
$kendo-switch-off-track-focus-border | Color |
|
|
Description
The border color of the track when the focused switch is not checked. | |||
$kendo-switch-off-track-focus-gradient | Null |
|
|
Description
The background gradient of the track when the focused switch is not checked. | |||
$kendo-switch-off-track-focus-ring | List |
|
|
Description
The ring around the track when the focused switch is not checked. | |||
$kendo-switch-off-track-disabled-bg | Color |
|
|
Description
The background of the track when the disabled switch is not checked. | |||
$kendo-switch-off-track-disabled-text | Null |
|
|
Description
The text color of the track when the disabled switch is not checked. | |||
$kendo-switch-off-track-disabled-border | Null |
|
|
Description
The border color of the track when the disabled switch is not checked. | |||
$kendo-switch-off-track-disabled-gradient | Null |
|
|
Description
The background gradient of the track when the disabled switch is not checked. | |||
$kendo-switch-off-thumb-bg | Color |
|
|
Description
The background of the thumb when the switch is not checked. | |||
$kendo-switch-off-thumb-text | Null |
|
|
Description
The text color of the thumb when the switch is not checked. | |||
$kendo-switch-off-thumb-border | Null |
|
|
Description
The border color of the thumb when the switch is not checked. | |||
$kendo-switch-off-thumb-gradient | Null |
|
|
Description
The background gradient of the thumb when the switch is not checked. | |||
$kendo-switch-off-thumb-hover-bg | Null |
|
|
Description
The background of the thumb when the hovered switch is not checked. | |||
$kendo-switch-off-thumb-hover-text | Null |
|
|
Description
The text color of the thumb when the hovered switch is not checked. | |||
$kendo-switch-off-thumb-hover-border | Null |
|
|
Description
The border color of the thumb when the hovered switch is not checked. | |||
$kendo-switch-off-thumb-hover-gradient | Null |
|
|
Description
The background gradient of the thumb when the hovered switch is not checked. | |||
$kendo-switch-on-track-bg | Color |
|
|
Description
The background of the track when the switch is checked. | |||
$kendo-switch-on-track-text | Null |
|
|
Description
The text color of the track when the switch is checked. | |||
$kendo-switch-on-track-border | Color |
|
|
Description
The border color of the track when the switch is checked. | |||
$kendo-switch-on-track-gradient | Null |
|
|
Description
The background gradient of the track when the switch is checked. | |||
$kendo-switch-on-track-hover-bg | Null |
|
|
Description
The background of the track when the hovered switch is checked. | |||
$kendo-switch-on-track-hover-text | Null |
|
|
Description
The text color of the track when the hovered switch is checked. | |||
$kendo-switch-on-track-hover-border | Null |
|
|
Description
The border color of the track when the hovered switch is checked. | |||
$kendo-switch-on-track-hover-gradient | Null |
|
|
Description
The background gradient of the track when the hovered switch is checked. | |||
$kendo-switch-on-track-focus-bg | Null |
|
|
Description
The background of the track when the focused switch is checked. | |||
$kendo-switch-on-track-focus-text | Null |
|
|
Description
The text color of the track when the focused switch is checked. | |||
$kendo-switch-on-track-focus-border | Null |
|
|
Description
The border color of the track when the focused switch is checked. | |||
$kendo-switch-on-track-focus-gradient | Null |
|
|
Description
The background gradient of the track when the focused switch is checked. | |||
$kendo-switch-on-track-focus-ring | List |
|
|
Description
The ring around the track when the focused switch is checked. | |||
$kendo-switch-on-track-disabled-bg | Color |
|
|
Description
The background of the track when the disabled switch is checked. | |||
$kendo-switch-on-track-disabled-text | Null |
|
|
Description
The text color of the track when the disabled switch is checked. | |||
$kendo-switch-on-track-disabled-border | Null |
|
|
Description
The border color of the track when the disabled switch is checked. | |||
$kendo-switch-on-track-disabled-gradient | Null |
|
|
Description
The background gradient of the track when the disabled switch is checked. | |||
$kendo-switch-on-thumb-bg | Color |
|
|
Description
The background of the thumb when the switch is checked. | |||
$kendo-switch-on-thumb-text | Null |
|
|
Description
The text color of the thumb when the switch is checked. | |||
$kendo-switch-on-thumb-border | Null |
|
|
Description
The border color of the thumb when the switch is checked. | |||
$kendo-switch-on-thumb-gradient | Null |
|
|
Description
The background gradient of the thumb when the switch is checked. | |||
$kendo-switch-on-thumb-hover-bg | Null |
|
|
Description
The background of the thumb when the hovered switch is checked. | |||
$kendo-switch-on-thumb-hover-text | Null |
|
|
Description
The text color of the thumb when the hovered switch is checked. | |||
$kendo-switch-on-thumb-hover-border | Null |
|
|
Description
The border color of the thumb when the hovered switch is checked. | |||
$kendo-switch-on-thumb-hover-gradient | Null |
|
|
Description
The background gradient of the thumb when the hovered switch is checked. |