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