Customizing Checkbox
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-checkbox-border-width | Number |
|
|
Description Border width of checkbox. | |||
$kendo-checkbox-bg | Null |
|
|
Description Background color of checkbox. | |||
$kendo-checkbox-text | Null |
|
|
Description Color of checkbox. | |||
$kendo-checkbox-border | Color |
|
|
Description Border color of checkbox. | |||
$kendo-checkbox-hover-bg | Null |
|
|
Description Background color of hovered checkbox. | |||
$kendo-checkbox-hover-text | Null |
|
|
Description Color of hovered checkbox. | |||
$kendo-checkbox-hover-border | Null |
|
|
Description Border color of hovered checkbox. | |||
$kendo-checkbox-checked-bg | Color |
|
|
Description Background color of checked checkbox. | |||
$kendo-checkbox-checked-text | Color |
|
|
Description Color of checked checkbox. | |||
$kendo-checkbox-checked-border | Color |
|
|
Description Border color of checked checkbox. | |||
$kendo-checkbox-indeterminate-bg | Color |
|
|
Description Background color of indeterminate checkbox. | |||
$kendo-checkbox-indeterminate-text | Color |
|
|
Description Color of indeterminate checkbox. | |||
$kendo-checkbox-indeterminate-border | Color |
|
|
Description Border color of indeterminate checkbox. | |||
$kendo-checkbox-focus-border | Null |
|
|
Description Border color of focused checkbox. | |||
$kendo-checkbox-focus-shadow | Null |
|
|
Description Box shadow of focused checkbox. | |||
$kendo-checkbox-focus-checked-border | Null |
|
|
Description Border color of focused and checked checkbox. | |||
$kendo-checkbox-focus-checked-shadow | Null |
|
|
Description Box shadow of focused and checked checkbox. | |||
$kendo-checkbox-disabled-bg | Null |
|
|
Description Background color of disabled checkbox. | |||
$kendo-checkbox-disabled-text | Null |
|
|
Description Color of disabled checkbox. | |||
$kendo-checkbox-disabled-border | Color |
|
|
Description Border color of disabled checkbox. | |||
$kendo-checkbox-disabled-checked-bg | Color |
|
|
Description Background color of disabled and checked checkbox. | |||
$kendo-checkbox-disabled-checked-text | Color |
|
|
Description Color of disabled and checked checkbox. | |||
$kendo-checkbox-disabled-checked-border | Color |
|
|
Description Border color of disabled and checked checkbox. | |||
$kendo-checkbox-invalid-bg | Null |
|
|
Description Background color of invalid checkbox. | |||
$kendo-checkbox-invalid-text | Color |
|
|
Description Color of invalid checkbox. | |||
$kendo-checkbox-invalid-border | Color |
|
|
Description Border color of invalid checkbox. | |||
$kendo-checkbox-indicator-type | String |
|
|
Description Type of checkbox indicator. | |||
$kendo-checkbox-glyph-font-family | List |
|
|
Description Glyph font family of checkbox indicator. | |||
$kendo-checkbox-checked-glyph | String |
|
|
Description Glyph of checkbox indicator. | |||
$kendo-checkbox-indeterminate-glyph | String |
|
|
Description Glyph of indeterminate checkbox indicator. | |||
$kendo-checkbox-checked-image | String |
|
|
Description Image of checked checkbox indicator. | |||
$kendo-checkbox-indeterminate-image | String |
|
|
Description Image of checked checkbox indicator. | |||
$kendo-checkbox-label-margin-x | Number |
|
|
Description The horizontal margin of the checkbox inside a label. | |||
$kendo-checkbox-list-spacing | Number |
|
|
Description Spacing between items of horizontal checkbox list. | |||
$kendo-checkbox-list-item-padding-x | Number |
|
|
Description Horizontal padding of checkbox list items. | |||
$kendo-checkbox-list-item-padding-y | Number |
|
|
Description Vertical padding of checkbox list items. | |||
$kendo-checkbox-ripple-bg | Color |
|
|
Description Background color of checkbox ripple. | |||
$kendo-checkbox-ripple-opacity | Number |
|
|
Description Opacity of checkbox ripple. |