0
178
VistasReact Material OutlinedLa entrada tiene una muesca si no se proporciona la etiqueta
Tengo un problema con OutlinedInput en el que el cuadro de texto aparece con una muesca si no doy la etiqueta. Quiero un cuadro de texto de entrada delineado sin etiquetas. Este es mi código:
<FormControl sx={{ m: 1, width: '50ch' }} variant="outlined"> <OutlinedInput id="old-password" type={values.showPassword ? 'text' : 'password'} value={values.password} onChange={handleChange('password')} endAdornment={ <InputAdornment position="end"> <IconButton aria-label="toggle password visibility" onClick={handleClickShowPassword} onMouseDown={handleMouseDownPassword} edge="end" > {values.showPassword ? <VisibilityOff /> : <Visibility />} </IconButton> </InputAdornment> } /> </FormControl>De acuerdo con los ejemplos oficiales, la caja debería verse así:
Pero se parece a esto:
¿Alguien puede decirme qué estoy haciendo mal aquí?
·
Juan Pablo Isaza
Responde la pregunta