MUI Autocomplete - Example & Tutorial
Please refer to MUI's official docs for more details on component's usage guide and API documentation.
Use variant={'filled' | 'standard'} prop with TextField component in renderInput prop with Autocomplete component for different variants of input. Use disabled prop with Autocomplete component for disabled autocomplete.
Use value prop with Autocomplete component for controlled autocomplete input.
Use freeSolo prop so the textbox can contain any arbitrary value.
Each of the following examples demonstrate one feature of Autocomplete component.
Choose one of the countries.
You can create an option other than from the list.
Use multiple prop to select multiple options from the list.
Use getOptionDisabled prop to disable some options from the list.
Use groupBy prop to group the list according to your needs.
Use Checkbox component in renderOption prop to render checkbox in options.
You can fix an option in the input and add any other option as well.
Use size='small' prop for small sized input.
Use limitTags prop to limit tags in the input.
Use filterOptions prop to filter the search according to your needs.
Use renderInput prop to customize the rendered input.