Customizing Filter

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-filter-padding-x		`$kendo-padding-md-x`
Description The horizontal padding of the Filter.
$kendo-filter-padding-y		`$kendo-padding-md-y`
Description The vertical padding of the Filter.
$kendo-filter-bottom-margin		`30px`
Description The bottom margin of the Filter.
$kendo-filter-line-size		`1px`
Description The width of the line that connects the Filter items.
$kendo-filter-operator-dropdown-width		`15em`
Description The width of the dropdown elements in the Filter items.
$kendo-filter-text		`var( --kendo-component-text, initial )`
Description The text color of the Filter.
$kendo-filter-preview-field-text		`k-get-theme-color-var( primary-100 )`
Description The text color of the Filter preview field.
$kendo-filter-preview-operator-text		`k-get-theme-color-var( neutral-130 )`
Description The text color of the Filter preview operator.
$kendo-filter-line-bg		`var( --kendo-component-border, initial )`
Description The background color of the line that connects the Filter items.
$kendo-filter-toolbar-focus-border		`k-get-theme-color-var( neutral-130 )`
Description The border color of the focused Filter.