# Filtering

To enable the filtering functionality, set the [`filterable`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdownlistprops#filterable) property to `true`.

## Basic Configuration

When the filtering functionality is enabled, the component renders a filter input in the drop-down list. On every character input, the component triggers a [`onFilterChange`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdownlistprops#onfilterchange) event. The event argument contains the typed string value that you can use to filter the source.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/dropdownlist/filtering/basic/source.txt)

To filter the data after a delay, use a similar implementation. You can toggle the [`loading`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdownlistprops#loading) property and provide the user with a visual indication of the filtering process.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/dropdownlist/filtering/delay/source.txt)

## Minimum Filter Length

The following example demonstrates how to update the data and open the DropDownList only after typing a minimum number of characters.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/dropdownlist/filtering/minfilter/source.txt)

## Filtering with Remote Data and Virtualization

The following example demonstrates how to configure the DropDownList to use remote data along with data caching, virtual scrolling, and filtering.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/dropdownlist/filtering/remote-data/source.txt)

## Suggested Links

* [API Reference of the DropDownList](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdownlistprops)