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 | Null |
|
|
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 | Null |
|
|
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 | Null |
|
|
Description Border color of focused radio button. | |||
$kendo-radio-focus-shadow | Null |
|
|
Description Box shadow of focused radio button. | |||
$kendo-radio-focus-checked-border | Null |
|
|
Description Border color of focused and checked radio button. | |||
$kendo-radio-focus-checked-shadow | Null |
|
|
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 | Color |
|
|
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 | Color |
|
|
Description Color of disabled and checked radio button. | |||
$kendo-radio-disabled-checked-border | Color |
|
|
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 | String |
|
|
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. |