PasswordInput
The PasswordInput
component can be used to hide user input. Always use a
PasswordInput
when your app asks for sensitive data, such as a password. Users
can click on the eye icon to hide or show their data.
PasswordInputProps
Signature:
export declare type PasswordInputProps = <, | | | | | | | | | | | | | > & <, (value: , event?: <>) => > & ;
PasswordInputUncontrolledProps
Name | Type | Default | Description |
---|---|---|---|
defaultValue? | - | The default value of the input. |
PasswordInputControlledProps
Name | Type | Default | Description |
---|---|---|---|
value? | - | The value of the input. |
PasswordInput.Tooltip
PasswordInputTooltipProps
, ,
Name | Type | Default | Description |
---|---|---|---|
children? | - | Elements to be displayed in the PasswordInput tooltip slot, preferably an icon or a similar visual element | |
showText? | - | If specified, the tooltip is rendered with this text when the password is shown, which describes what the trigger does. Please also consider translating the text in an internationalized context and use a short text description for the tooltip. | |
hideText? | - | If specified, the tooltip is rendered with this text when the password is hidden, which describes what the trigger does. Please also consider translating the text in an internationalized context and use a short text description for the tooltip. |