Skip to main content

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

NameTypeDefaultDescription
defaultValue?
-

The default value of the input.

PasswordInputControlledProps

NameTypeDefaultDescription
value?
-

The value of the input.

PasswordInput.Tooltip

PasswordInputTooltipProps

extends, ,
NameTypeDefaultDescription
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.

Still have questions?
Find answers in the Dynatrace Community