Choose and enter values
Collect values with selects, autocomplete, sliders, tags, and specialized inputs.
Options for this task
Downshift
Library / toolReact primitives for accessible selection and autocomplete interfaces.
- Good for
- Building custom comboboxes and menus while retaining interaction control.
Emoji Mart
Library / toolAn emoji picker and associated emoji data utilities.
- Good for
- Adding searchable emoji selection to messaging or editing interfaces.
emoji-picker-element
Library / toolAn emoji picker delivered as a browser custom element.
- Good for
- Adding emoji selection without depending on a particular UI framework.
Input OTP
Library / toolAn unstyled React input for one-time passwords.
- Good for
- Building accessible verification-code entry with custom visual styling.
International Telephone Input
Library / toolA telephone input with country selection and number-formatting support.
- Good for
- Collecting phone numbers from users in different regions.
rc-slider
Library / toolA configurable slider component for React.
- Good for
- Adding single-value and range selection to an interface.
React Autosuggest
Library / toolA React component for text inputs with suggestions.
- Good for
- Offering completions while users type a query or field value.
React Select
Library / toolA customizable select component for React.
- Good for
- Supporting searchable, asynchronous, or multi-value selection.
React Widgets
Library / toolA collection of form inputs such as selects and date controls.
- Good for
- Adding coordinated, configurable input components to a React form.
react-slider
Library / toolAn accessible React slider input.
- Good for
- Selecting numeric values or ranges with custom styling.
Before you decide
Try a small, realistic example. Check the runtime, accessibility, maintenance, and license requirements for the features you need.