Customizing Listbox

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-listbox-spacing		`map.get( $kendo-spacing, 2 )`
Description The spacing between the ListBox elements.
$kendo-listbox-button-spacing		`map.get( $kendo-spacing, 2 )`
Description The spacing between the ListBox buttons.
$kendo-listbox-width		`10em`
Description WThe width of the ListBox.
$kendo-listbox-height		`200px`
Description The height of the ListBox.
$kendo-listbox-border-width		`1px`
Description The width of the border around the ListBox.
$kendo-listbox-font-family		`var( --kendo-font-family, normal )`
Description The font family of the ListBox.
$kendo-listbox-font-size		`var( --kendo-font-size, inherit )`
Description The font size of the ListBox.
$kendo-listbox-line-height		`var( --kendo-line-height, normal )`
Description The line height of the ListBox.
$kendo-listbox-text		`var( --kendo-component-text, inherit )`
Description The text color of the ListBox.
$kendo-listbox-bg		`var( --kendo-component-bg, transparent )`
Description The background color of the ListBox.
$kendo-listbox-border		`var( --kendo-component-border, inherit )`
Description The border color of the ListBox.
$kendo-listbox-drop-hint-width		`1px`
Description The width of the ListBox drop hint.
$kendo-listbox-drop-hint-border-color		`k-get-theme-color-var( primary-100 )`
Description The border color of the ListBox drop hint.