Select with Different Apperence
The ‘Select’ component in Chakra UI’s gives us four variants to choose from. These variants are:
- outline
- unstyled
- flushed
- filled
Syntax:
<Select variant='outline' placeholder='Choose' > //map all the options </Select>
Chakra UI Form Select
Chakra UI is a modern UI building library that comprises of many predefined customizable components. One of those components are ‘Select’. Select component in Chakra UI allows an user to choose a value from a set of defined values. ‘RadioGroup’ does somewhat similar thing. However, In the case where there are more than five options, you can consider using ‘Select’ component.