@types/react-select

What is @types/react-select?

@types/react-select provides TypeScript type definitions for the react-select library, which is a flexible and customizable select input control for React applications.

What are @types/react-select's main functionalities?

Basic Select

This feature allows you to create a basic select input with predefined options.

import Select from 'react-select';

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
];

const MyComponent = () => (
  <Select options={options} />
);

Async Select

This feature allows you to create a select input that loads options asynchronously, useful for fetching data from an API.

import AsyncSelect from 'react-select/async';

const loadOptions = (inputValue: string, callback: (options: any[]) => void) => {
  setTimeout(() => {
    callback([
      { value: 'chocolate', label: 'Chocolate' },
      { value: 'strawberry', label: 'Strawberry' },
      { value: 'vanilla', label: 'Vanilla' }
    ]);
  }, 1000);
};

const MyComponent = () => (
  <AsyncSelect loadOptions={loadOptions} />
);

Creatable Select

This feature allows users to create new options in addition to selecting from predefined ones.

import CreatableSelect from 'react-select/creatable';

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
];

const MyComponent = () => (
  <CreatableSelect options={options} />
);

Other packages similar to @types/react-select

@types/react-autosuggest

@types/react-autosuggest provides TypeScript type definitions for the react-autosuggest library, which is used for creating autosuggest input fields. It is similar to react-select in that it provides a way to select from a list of suggestions, but it focuses more on autosuggestions rather than dropdown selections.

@types/react-virtualized-select

@types/react-virtualized-select provides TypeScript type definitions for the react-virtualized-select library, which combines react-select with react-virtualized for rendering large lists efficiently. It is useful when dealing with a large number of options that need to be rendered efficiently.

README

This is a stub types definition for @types/react-select (undefined).

react-select provides its own type definitions, so you don't need @types/react-select installed!