Struggling to replicate a text input from a mockup using Material-UI components. Initially tried rendering a button next to the input, but it didn't match. Moving on to InputAdornments, getting closer but can't get the button flush with the input like the mockup.
Check out the code below. Any ideas would be greatly appreciated!
<OutlinedInput
id="outlined-add-region"
type="text"
value="Ajouter une région"
onChange={handleChange("password")}
endAdornment={
<InputAdornment position="end">
<button
aria-label="toggle password visibility"
onClick={handleClickShowPassword}
onMouseDown={handleMouseDownPassword}
edge="end"
>
<Add />
</button>
</InputAdornment>
}
/>