SelectProps
Properties
This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it following the specification.
Override or extend the styles applied to the component.
The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide. The prop defaults to the value ('primary'
) inherited from the parent FormControl component.
The components used for each slot inside.
The extra props for the slot components. You can override the existing props or add new ones.
If true
, the component is initially open. Use when the component open state is not controlled (i.e. the open
prop is not defined). You can only use it when the native
prop is false
(default).
The default value. Use when the component is not controlled.
If true
, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application. This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
If true
, the input
will not have an underline.
If true
, a value is displayed even if no items are selected.
End InputAdornment
for this component.
The icon that displays the arrow.
An Input
element; does not have to be a material-ui specific Input
.
The component used for the input
element. Either a string to use a HTML element or a component.
Attributes applied to the input
element. When native
is true
, the attributes are applied on the select
element.
If dense
, will adjust vertical spacing. This is normally obtained via context from FormControl. The prop defaults to the value ('none'
) inherited from the parent FormControl component.
Callback fired when the input
is blurred.
Callback fired when a menu item is selected.
Callback fired when the component requests to be closed. Use it in either controlled (see the open
prop), or uncontrolled mode (to detect when the Select collapses).
Callback fired when the input
doesn't satisfy its constraints.
Callback fired when the component requests to be opened. Use it in either controlled (see the open
prop), or uncontrolled mode (to detect when the Select expands).
The short hint displayed in the input
before the user enters a value.
Render the selected value. You can only use it when the native
prop is false
(default).
Props applied to the clickable div element.
The extra props for the slot components. You can override the existing props or add new ones.
The components used for each slot inside.
Start InputAdornment
for this component.
Type of the input
element. It should be a valid HTML5 input type.
The variant to use.