react-select-bootstrap
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

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

npm install react-select-bootstrap

Usage

Component usage example.

ReactSelectBootstrap

import 'bootstrap/dist/css/bootstrap.min.css';

import { ReactSelectBootstrap } from 'react-select-bootstrap';

export default () => {
  return <ReactSelectBootstrap className='mt-3'
    options={[
      { value: "1", label: "Option 1" },
      { value: "2", label: "Option 2" },
      { value: "3", label: "Option 3" },
      { value: "4", label: "Option 4" },
      { value: "5", label: "Option 5" }
    ]}
  />
}

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

/react-select-bootstrap/

    Package Sidebar

    Install

    npm i react-select-bootstrap

    Weekly Downloads

    13

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    21 kB

    Total Files

    12

    Last publish

    Collaborators

    • victorap93