React-Select

Flexible select input control for React

select

Feature-rich with async loading, multi-select, and full customization.

ReactSelectDropdownAutocomplete

🎮 Playground

import Select from "react-select"

const options = [
  { value: "react", label: "React" },
  { value: "vue", label: "Vue" },
  { value: "angular", label: "Angular" }
]

export default function Demo() {
  return (
    <Select options={options} placeholder="Select..." />
  )
}

Open Sandbox

Use cases

•Dropdowns
•Tagging
•Autocomplete

Good for

✓Complex selection needs
✓Async data loading
✓Highly customized designs

Not good for

✗Simple native selects
✗Bundle size concerns

Installation

$ npm install react-select

Example

import Select from "react-select"

const options = [
  { value: "react", label: "React" },
  { value: "vue", label: "Vue" },
  { value: "angular", label: "Angular" }
]

export default function Demo() {
  return (
    <Select options={options} placeholder="Select..." />
  )
}

Comparison

"More features than Downshift, better React integration than Select2."

Trust Metrics

27.8K

GitHub Stars

5.2M

Weekly Downloads

Last Commit:last year

Used by

StripeAtlassianSpotify

View on GitHub View on npm