Function PasswordField

src/Components/Auth/AuthShared.jsx:95–116

({label, ...props})

}

export function PasswordField({label, ...props}) {
    const [show, setShow] = useState(false);
    return (
        <TextField
            fullWidth
            size='small'
            variant='outlined'
            type={show ? 'text' : 'password'}
            label={label}
            {...props}
            InputProps={{
                endAdornment: (
                    <InputAdornment position='end'>
                        <IconButton size='small' edge='end' aria-label={show ? '隐藏密码' : '显示密码'} onClick={() => setShow((s) => !s)}>
                            {show ? <VisibilityOff fontSize='small'/> : <Visibility fontSize='small'/>}
                        </IconButton>
                    </InputAdornment>
                ),
            }}
        />
    );
}