docs/data/material/components/autocomplete/CustomInputAutocomplete.js - master - githubmirror/material-ui

docs/data/material/components/autocomplete/CustomInputAutocomplete.js

28 строк732 B

Zeeshan Tamboli

[text field] Remove deprecated props (#47878)

13 мар 2026, 13:13

13 мар 2026, 13:13303a7b3

import Autocomplete from '@mui/material/Autocomplete';

const options = ['Option 1', 'Option 2'];

export default function CustomInputAutocomplete() {
  return (
    <label>
      Value:{' '}
      <Autocomplete
        sx={(theme) => ({
          display: 'inline-block',
          '& input': {
            width: 200,
            bgcolor: 'background.paper',
            color: theme.palette.getContrastText(theme.palette.background.paper),
          },
        })}
        id="custom-input-demo"
        options={options}
        renderInput={(params) => (
          <div ref={params.slotProps.input.ref}>
            <input type="text" {...params.slotProps.htmlInput} />
          </div>
        )}
      />
    </label>
  );
}