< Select
options = { options }
values = { [ ] }
onChange = { ( value ) => console . log ( value ) }
/>
< form >
< Select
options = { options }
values = { [ ] }
required
multi
name = " select "
onChange = { ( value ) => console . log ( value ) }
/>
< button > Send </ button >
</ form >
< Select
options = { options }
multi
selectAll
selectAllLabel = " Select all "
clearAllLabel = " Clear all "
values = { [ ] }
onChange = { ( value ) => console . log ( value ) }
/>
< Select
options = { options }
values = { [ ] }
dropdownHandleRenderer = { ( { state } ) => (
< span > { state . dropdown ? '–' : '+' } </ span >
) }
onChange = { ( value ) => console . log ( value ) }
/>
# Custom Content And Dropdown renderersSource Type search and hit `Return` key
Scroll the page so the dropdown will have no space to open on the bottom, also changes position when dropdown is open (and closeOnScroll prop is not set or false)
I am wrapped in: <div style="overflow: auto; height: 100px;">
I can be cleared from outside by setting values to [] × clear
Values can be added from outside » set
"Label" is accessed via company.catchPhrase nested property of the options object
# With a custom search functionSource