Beautiful Select Components

npm install thereactselect

import { Select } from 'thereactselect';
import { useState } from 'react';

const options = [
  { value: "apple", label: "Apple", description: "A sweet red fruit" },
  { value: "banana", label: "Banana", description: "A yellow tropical fruit" },
  { value: "orange", label: "Orange", description: "A citrus fruit" },
];

function MyComponent() {
  const [value, setValue] = useState();

  return (
    <Select
      options={options}
      placeholder="Select a fruit..."
      searchable
      clearable
      onValueChange={setValue}
      value={value}
    />
  );
}