---
title: "Responsive React select for mobile & desktop | Mobiscroll"
component: "Select"
framework: "React"
library_version: "6.1.5"
url: "https://demo.mobiscroll.com/react/select"
---

# Versatile React select component

React select component for mobile, desktop and responsive web. Dropdown or scroller with multi-select, filtering, remote data and more. Last update: Oct 16, 2026

Use it in **responsive webapps** and **Ionic React projects** with desktop and mobile optimized look & feel

## Description

Advanced select component for single and multiple value selection, as an alternative to the native dropdown. Renders a scroller on touch and a dropdown on desktop. Use it in custom event add/edit forms or on any input, field and form.

Create custom pickers with the built-in filtering and templating capabilities.

## Using the picker

- [Mobile & Desktop usage](https://demo.mobiscroll.com/react/select/mobile-desktop-usage.md) - React Select for desktop and mobile. Use a dropdown layout for desktop and native look on mobile.
- [Responsive behavior](https://demo.mobiscroll.com/react/select/responsive.md) - Responsive setup of the React select. Change the rendering and positioning dynamically, based on screen size.
- [Understanding display modes](https://demo.mobiscroll.com/react/select/mobile-desktop-display.md) - React select/dropdown for mobile and desktop with top, bottom, popup, center, modal, anchored positioning.
- [Populating the picker](https://demo.mobiscroll.com/react/select/data-sources.md) - React select component with different ways of loading the data: native html select, data objects and remote json.

## Templating

- [Templating](https://demo.mobiscroll.com/react/select/item-templating.md) - React select component & dropdown with templating capability. Render custom content for each item, like image & text.
- [Country Dropdown](https://demo.mobiscroll.com/react/select/country-picker.md) - React Country picker scroller select for mobile/tablet. Alphabetical ordering, jump to value and filtering is supported.
- [Image & text](https://demo.mobiscroll.com/react/select/image-text.md) - React select with custom item templates rendering in image & text. Build custom UI, not just plain text/value picker.
- [Multiline select](https://demo.mobiscroll.com/react/select/multiple-lines.md) - React Select scroller style demo supporting long text rendered in multiple rows. With smooth scrolling and native look & feel.

## Configuring value selection

- [Single select](https://demo.mobiscroll.com/react/select/single-select.md) - React select & dropdown for mobile and desktop with single value selection.
- [Multiple select](https://demo.mobiscroll.com/react/select/multiple-select.md) - React multiple select & multi-select for mobile and desktop. Use it for product or category filtering with check-mark selection.
- [Group options](https://demo.mobiscroll.com/react/select/group-options.md) - React Select with group options and headers rendered as a hierarchy. With native look & feel, improved UX and source code.
- [Filtering](https://demo.mobiscroll.com/react/select/filtering-values.md) - React select with filtering. Type in the header of the dropdown and filter values locally or remotely.
- [Multi level hierarchy](https://demo.mobiscroll.com/react/select/linked-hierarchical-pickers.md) - React hierarchical select example. Dynamically populate linked lists based on previous selection.
- [Setting values](https://demo.mobiscroll.com/react/select/setting-values-defaults.md) - React Select scroller demo with examples for programmatically setting values and defaults for single/multiple select.

## Validation & restricting selection

- [Disabled values](https://demo.mobiscroll.com/react/select/disabled-invalid-values.md) - React select example for setting invalid options.

## Customizing the look & feel

- [Theming capabilities](https://demo.mobiscroll.com/react/select/themes-ios-material-windows.md) - React Select scroller with iOS, Material, Windows look & feel. Customize colors and styling with theme builder.

## Localization & tapping into the lifecycle

- [Event hooks](https://demo.mobiscroll.com/react/select/event-hooks.md) - React Select demo with event hooks for custom integration and functionality.
- [Localization](https://demo.mobiscroll.com/react/select/localization.md) - React Select component localization example supporting 37 languages, button text with full RTL capability.
- [RTL support](https://demo.mobiscroll.com/react/select/rtl-right-to-left.md) - React Select Right-to-left rendering demo with group options for quick navigation. With full RTL language support and source.