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?: <>) => , > & & & {
/**
* Internal: associates this control with a `_Form` rendered outside its
* React subtree via the native `form` attribute. Unstable.
* @internal
*/
_form?: ;
/**
* Internal: routes this control's native/Strato validation messages to the
* field outlet (default), the enclosing form's outlet, or both. Unstable.
* @internal
*/
_messageTarget?: | [];
};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. |