mui: override autocomplete style

[ddecrulle]

Change the global style for mui autocomplete With this code

<MuiDsfrThemeProvider>
            <Autocomplete
                disablePortal
                id="combo-box-demo"
                options={communes}
                sx={{ width: 300 }}
                renderInput={params => <TextField {...params} label="Commencez votre saisie" />}
            />

            <Autocomplete
                disablePortal
                id="combo-box-demo"
                options={communes}
                sx={{ width: 300 }}
                renderInput={({ InputProps, disabled, id, inputProps }) => (
                    <Input
                        ref={InputProps.ref}
                        label="Le label du champ"
                        id={id}
                        disabled={disabled}
                        nativeInputProps={{ ...inputProps, placeholder: "Commencez votre saisie" }}
                    />
                )}
            />
        </MuiDsfrThemeProvider>

Before :

After :

[garronej]

Magnifique ça tue!