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?: <>) => > & ;

    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