Select
Ready for production
Responsive
Simple Use
Show Code
Edit on Stackblitz
Tray open by default
Please select a value
- Item 1
- Item 2
- Item 3
- Item 4
Singular
Show Code
Edit on Stackblitz
By default select is multiple but you can use multiple={false} to make the select singular
Please select a value
Selectable
Show Code
Edit on Stackblitz
Please select a value
Searchable
Show Code
Edit on Stackblitz
Please select a value
Props
Show Code
Edit on Stackblitz
Under the hood Select is a dropdown, so all props you pass to select will be drilled to dropdown
Select also uses list panel and list panel props are pases as is, i.e theme props and size props
Please select a value
Please select a value
Breakpoints
Show Code
Edit on Stackblitz
Options will show inside a portal on screen sizes marked by props sm, md, lg, xl. Open this dropdown on a md or xs screen size
Tray open by default
Please select a value
onSelection
Show Code
Edit on Stackblitz
Please select a value