Select

It is based on the downshift library.

Install and import

Default

Properties

NameType(s)DefaultRequired
allowUnselectFromList
bool

We need to add `autoComplete` off to avoid select UI issues when is an input

autoComplete
string
off
autoFocus
bool
disableCloseOnSelect
bool
disabled
bool
groupsEnabled
bool
icon
union
id
string
isClearable
bool
isCreatable
bool
isMultiple
bool
isSearchable
bool
name
string
onBlur
func
onChange
func
onClick
func
onCreate
func
onFocus
func
onKeyDown
func
onKeyUp
func

[{ label: `string` | `number`, value: `string` | `number` }]

options
arrayOf
[]
placeholder
string
Choose from…
renderCreateItem
func
inputValue => `Create "${inputValue}"`
renderGroupHeader
func
renderItem
func
itemToString
renderMultiple
func
MultipleSelections
size
sm
md
lg
lg
type
checkbox
email
file
password
radio
search
tel
text
value
enum | string | arrayOf | number | arrayOf
variant
error
info
success
valid
warning

Dependencies

Peer dependencies