Select

Select component (based on react-select).

Usage

import { Select } from '@binarycapsule/ui-capsules';
Select...

Knobs 🎛

medium
<Select
  isClearable
  label="Label"
  onChange={function}
  options={[
    {
      label: 'Lorem',
      value: 'lorem'
    },
    {
      label: 'Ipsum',
      value: 'ipsum'
    },
    {
      label: 'Dolor',
      value: 'dolor'
    }
  ]}
  value={undefined}
/>

Props

NameDescription
size
"medium" | "large"(Default: "medium")
Controls the size of the select.

Note:

This component accepts all props from the react-select API. Please refer to the docs for more information.