Filtering
Premium

To enable the filtering functionality of the MultiSelect, set the filterable property to true.

ninja-iconThe Filtering feature of MultiSelect is part of KendoReact premium, an enterprise-grade UI library with 120+ free and premium components for building polished, performant apps. Test-drive all features with a free 30-day trial.Start Free Trial

Basic Configuration

On every user modification of the input value, the MultiSelect triggers an onFilterChange event. The event argument contains the typed string value that you can use to filter the source.

Change Theme
Theme
Loading ...

To filter the data after a delay, use a similar implementation. You can toggle the loading property and provide the user with a visual indication of the filtering process.

Change Theme
Theme
Loading ...

Minimum Filter Length

The following example demonstrates how to update the data and open the drop-down list of the MultiSelect only after typing a minimum number of characters.

Change Theme
Theme
Loading ...

Grouping with Filtering

The following example demonstrates how to configure the MultiSelect in a Grouping + Filtering scenario.

Change Theme
Theme
Loading ...

Filtering with Remote Data and Virtualization

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

Change Theme
Theme
Loading ...