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.
Unfortunately, activation email could not send to your email. Please try again.

Combo Box for React

The Combo Box is a textbox component that allows the user to type a value or choose an option from the list of predefined options. This has several out of box features such as data binding, filtering, grouping, UI customization, accessibility, custom value, and more.


React Combo Box with Data binding

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.


Custom value

Allows the user to add a new value that is not present in the predefined list.

React Combo Box with Custom value support


Filtering

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

React Combo Box with Filtertype

Filter type

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

React Combo Box with Custom filtering

Custom filtering

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

React Combo Box with Diacritic sensitive filtering

Diacritic sensitivity

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

React Combo Box with Ignore filter text casing

Ignore filter text casing

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

React Combo Box with Minimum filter search characters

Minimum search characters

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


UI Customization

Control the appearance of each item that is displayed in the pop-up list using templating.

React Combo Box with Item template

Item template

Define custom appearance of each list item using item template.

React Combo Box with header template in pop-up list

Header template

Design own header for the pop-up list using header template.

React Combo Box with Footer template in pop-up list

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

React Combo Box with Icons in pop-up list

Icons

Adds icons to each list item.

React Combo Box with No record template in pop-up list

Empty record

Configures custom look if there is no suggestion to display.


AutoFill

The Combo Box component has autofill option. This completes the word that the user types from the suggestion text. The end user can search for the items easily.

React Combo Box with AutoFill


React Combo Box with Grouping

Grouping

Groups the suggestions based on different categories with individual header.


Cascading

Provides an option to create cascading Combo Box, which helps the user populate data to the next level Combo Box based on the selected value of the parent Combo Box.


React Combo Box with Form Validation

Form validation

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


Pop-up dimension

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

React Combo Box with Pop-up dimension adjustment


React Combo Box with Soring

Sortable list items

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


Floating label

Developer can control whether the placeholder should float or not.

React Combo Box with Floting label


Responsiveness

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


Accessibility

  • 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.


45+ REACT COMPONENTS

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

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.