React Select Bootstrap

This package only offers the styling of the react-select package for the Bootstrap 5, focused essentially on colors, borders, shadows and validation.

Install

1npm install react-select-bootstrap

Usage

Component usage example.

1import 'bootstrap/dist/css/bootstrap.min.css';
2
3import { ReactSelectBootstrap } from 'react-select-bootstrap';
4
5export default () => {
6  return <ReactSelectBootstrap className='mt-3'
7    options={[
8      { value: "1", label: "Option 1" },
9      { value: "2", label: "Option 2" },
10      { value: "3", label: "Option 3" },
11      { value: "4", label: "Option 4" },
12      { value: "5", label: "Option 5" }
13    ]}
14  />
15}

You can see a interative component in Storybook.

Props

ReactSelectBootstrap

This component accept all react-select props with the addition of isInvalid.

Name	Type	Default	Description
isInvalid	boolean	false	Define input style

License

MIT