We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


The Multiselect is textbox component that allows the user to type or choose multiple values from the list of predefined options. This has several out of box features such as data binding, filtering, grouping, Checkbox mode, custom value, tagging, UI customization, accessibility, and more.

Data binding

You can bind data from a variety of data sources in the array of primitive data, JSON data collections, or remote data source using different kinds of adaptors such as OData, OData V4, URL, JSON, and Web API. This uses Essential JS 2’s data manager to manage data and also has customization option for data request and processing.

React Multi-select with Data binding


Built-in filtering support with a rich set of filtering configurations is available to match all your application needs.

React Multi-select with Filtertype

Filter type

Provides support to filter data based on starts with, ends with, and contains.

React Multi-select with Custom filtering

Custom filtering

You can customize the filter query or use your own filter libraries to set filtered data.

React Multi-select with Diacritic sensitive filtering

Diacritic sensitivity

Multiselect has diacritic character sensitivity. This behavior can be turned on/off.

React Multi-select with Ignore filter text casing

Ignore filter text casing

You can filter data with or without considering the casing for typed characters.

React Multi-select with Minimum filter search characters

Minimum search characters

Provides option to set the number of characters required to filter.

UI customization

Controls the appearance of each item displayed in the pop-up list using templating.

React Multi-select with Item template in pop-up list

Item template

Defines custom appearance of each list item using item template.

React Multi-select with Header template in pop-up list

Header template

Designs its own header for the pop-up list using header template.

React Multi-select with Footer template in pop-up list

Designs its own custom footer for the pop-up list using footer template.

React Multi-select with Icons in multiselect pop-up list


Adds icons to each list item.

React Multi-select with No record template in pop-up list

Empty record

Configures custom look if there is no suggestion to display.

React Multi-select with Value template

Value template

Defines custom appearance of the selected value using value template.

Chip customization

Customizes the selected chip element on selection action.

Render modes

Various render modes are available to visualize the selected items.

React Multi-select with Default rendering mode

Default mode

By default, the selected items are displayed as a chip (box mode) when the component gets focus, otherwise, they are displayed with a delimiter character.

React Multi-select with Box mode

Box mode

Selected items are always displayed as chip items.

React Multi-select with Delimiter mode

Delimiter mode

Selected items are always displayed with a delimiter character.

React Multi-select with Checkbox mode

Checkbox mode

Enabling the checkbox on each item helps the user to handle multiple selections.

Custom value(tagging)

Allows the user to add new values that are not present in the predefined list.

React Multi-select with Custom value

React Multi-select with Grouping


Groups the suggestions based on different categories with individual header.

Selection limit

You can limit the number of items that can be selected in a component.

React Multi-select with Selection limit

React Multi-select with Pop-up dimension adjustment

Pop-up dimension

The width and height of a pop-up list are adjustable.

Form validation

Seamlessly supports HTML forms, template-driven forms (Angular), and reactive forms.

React Multi-select with Form validation

React Multi-select with Sorting

Sortable list items

You can display items in the ascending or descending order in a pop-up.


Provides responsive mode that gives adaptive redesigned UI appearance for mobile devices and recognizes touch gestures.


  • Fully supports WAI-ARIA accessibility that makes list view accessible to on-screen readers and assistive devices.

  • Follows WAI-ARIA best practices for implementing keyboard interaction.

  • Designed the UI element visuals such as foreground color, background color, line spacing, text, and images based on WCAG 2.0 standard.

  • Supports right to left (RTL) direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

Developer friendly APIs

Developers can customize all UI elements and control their behaviors according to the end user’s requirement using its rich set of client-side APIs.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon