Customizing Chip
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-chip-border-width | Number |
|
|
Description Width of the border around the button. | |||
$kendo-chip-spacing | Number |
|
|
Description The spacing between the text and the icons of the chip. | |||
$kendo-chip-padding-x | Number |
|
|
Description Horizontal padding of the chip. | |||
$kendo-chip-padding-y | Number |
|
|
Description Vertical padding of the chip. | |||
$kendo-chip-font-size | Number |
|
|
Description Font sizes of the chip. | |||
$kendo-chip-line-height | Number |
|
|
Description Line heights of the chip that are connected to the $font-size. | |||
$kendo-chip-sizes | Map |
|
|
Description Sizes map for the chip. | |||
$kendo-chip-base-bg | Color |
|
|
Description The base background color of the chip. | |||
$kendo-chip-theme-colors | Map |
|
|
Description Theme colors map for the chip. | |||
$kendo-chip-solid-bg | Color |
|
|
Description The base background color of solid chip. | |||
$kendo-chip-solid-text | Color |
|
|
Description The base text color of solid chip. | |||
$kendo-chip-solid-border | Color |
|
|
Description The base border color of solid chip. | |||
$kendo-chip-solid-shadow | List |
|
|
Description The base shadow of solid chip. | |||
$kendo-chip-solid-focus-bg | Color |
|
|
Description The base background color of focused solid chip. | |||
$kendo-chip-solid-focus-text | Null |
|
|
Description The base text color of focused solid chip. | |||
$kendo-chip-solid-hover-bg | Color |
|
|
Description The base background color of hovered solid chip. | |||
$kendo-chip-solid-hover-text | Null |
|
|
Description The base text color of hovered solid chip. | |||
$kendo-chip-solid-selected-bg | Color |
|
|
Description The base background color of selected solid chip. | |||
$kendo-chip-solid-selected-text | Null |
|
|
Description The base text color of selected solid chip. | |||
$kendo-chip-outline-bg | Color |
|
|
Description The base background color of outline chip. | |||
$kendo-chip-outline-text | Color |
|
|
Description The base text color of outline chip. | |||
$kendo-chip-outline-border | Color |
|
|
Description The base border color of outline chip. | |||
$kendo-chip-outline-shadow | List |
|
|
Description The base shadow of outline chip. | |||
$kendo-chip-outline-hover-bg | Color |
|
|
Description The base background color of hovered outline chip. | |||
$kendo-chip-outline-hover-text | Color |
|
|
Description The base text color of hovered outline chip. | |||
$kendo-chip-outline-selected-bg | Color |
|
|
Description The base background color of selected outline chip. | |||
$kendo-chip-outline-selected-text | Color |
|
|
Description The base text color of selected outline chip. | |||
$kendo-chip-list-sizes | Map |
|
|
Description The sizes of the chip list. |