Select
Please refer to MUI's official docs for more details on component's usage guide and API documentation.
To use the custom select
, use select prop with the CustomTextField
component and pass multiple MenuItem
components as children of the CustomTextField
component for the multiple options.
To use the custom select
, use the SelectProps={{ native: true }}
prop with the CustomTextField
component and pass multiple <option>
elements as children of the CustomTextField
component for the multiple options.
Use variant={'filled' | 'standard'}
prop with FormControl
component for different variants of select and use MenuItem
component as children of Select
component.
Use native
prop with Select
component and <option>
element inside Select
component for native select.
Use label
, helperText
, disabled
, error
, required
, inputProps
and SelectProps
props with the CustomTextField
component for different states of select
.
With label + helper text
Auto width
Disabled
Error
Read only
Required
Without label
Manage value with the help of a state and pass it in the SelectProps
prop with the CustomTextField
component for controlled select and use defaultValue
prop with the CustomTextField
component for uncontrolled Select.
Use size='small' | 'medium'
prop with CustomTextField
component for different sizes of select.
Use SelectProps={{ multiple: true }}
prop with the CustomTextField
component for multiple selections.
Display categories with the ListSubheader
component or the native <optgroup>
element.