Customizing Filter

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-filter-padding-x	Number	`$kendo-padding-md-x`	`1rem`
Description The horizontal padding of the Filter.
$kendo-filter-padding-y	Number	`$kendo-padding-md-y`	`0.5rem`
Description The vertical padding of the Filter.
$kendo-filter-bottom-margin	Number	`2.1em`	`2.1em`
Description The bottom margin of the Filter.
$kendo-filter-line-size	Number	`1px`	`1px`
Description The width of the line that connects the Filter items.
$kendo-filter-operator-dropdown-width	Number	`15em`	`15em`
Description The width of the dropdown elements in the Filter items.
$kendo-filter-preview-field-text	Color	`$kendo-color-primary`	`#0d6efd`
Description The text color of the Filter preview field.
$kendo-filter-preview-operator-text	Color	`$kendo-subtle-text`	`#6c757d`
Description The text color of the Filter preview operator.
$kendo-filter-toolbar-focus-shadow	List	`0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))`	`0 0 0 0.25rem rgba(13, 110, 253, 0.25)`
Description The box shadow of the focused Filter toolbar.