Dropdown component
A Dropdown component
Install
npm i @wethecurious/wtc-ui-library
Usage
Import it into your project
import { Dropdown } from '@wethecurious/wtc-ui-library'
<Dropdown
onSelect={action('selected')}
isSelectMultiple={true}
datalist={[
{
label: 'Australia',
value: 'au'
},
{
label: 'Austria',
value: 'at'
},
{
label: 'Azerbaijan',
value: 'az'
}
]}
/>
Props
Prop | Description | Default |
---|---|---|
isSelectMultiple | Allows user to select multiple values | false |
isSearchable | Allows user to search values | |
isOpen | Sets the open status of the Dropdown | |
onBlur | Callback triggered on blur | |
onFocus | Callback triggered on focus | |
onSelect | Callback triggered on select | |
scale | Sets the size of the component | |
datalist | Array of data values |