Creatable

Creatable is a component of React Select that is used to create new components while selecting options. As usual, first we need to import it, then we can use it in our code.

Syntax:

import CreatableSelect from 'react-select/creatable';
<CreatableSelect isClearable options={colourOptions} />

What is React Select ?

React Select is a drop-down select component that has multiple features like multi select and autocomplete. React select also offers custom styling and fixed selection in it. In this article, we are going to learn and implement React Select.

Similar Reads

Prerequisites

Familiar with React JS Asynchronous JavaScript...

Installation

React Select is a module of React JS that is used to implement a drop-down that has multiple features like multiselect and autocomplete. To install this React Select component, we need to use a given command....

Animated Components

The React Select module provides animation and other features that help improve the user interface. There is another module called makeAnimated from the same library that is used to provide animation to the components used in Select....

Custom Styles

In React Select components, we can also apply CSS stylings other than default styling. For that styling, we have to create a JSON object of styling and pass that object to Select as style props....

Async

Async is mostly used for making HTTP requests here if we need to display options from a server, so we have a module AsyncSelect that will take loadOptions as props when we have to pass the function to load options....

Creatable

Creatable is a component of React Select that is used to create new components while selecting options. As usual, first we need to import it, then we can use it in our code....

Fixed Options

In React Select, we can set some options as fixed means by default; in the case of multiselect, they should be selected....

Contact Us