Skip to content

SiPasswordToggleComponent documentation

selector
si-password-toggle

Input Properties

Name Type Default Description
hideLabel
 TranslatableString $localize`:@@SI_PASSWORD_TOGGLE.HIDE:hide password` The aria-label (translatable) for the password hide icon.
showLabel
 TranslatableString $localize`:@@SI_PASSWORD_TOGGLE.SHOW:show password` The aria-label (translatable) for the password show icon.
showVisibilityIcon
 boolean true Whether to show the visibility toggle icon.

Output Properties

Name Type Description
typeChange
 string Emits the type attribute for the <​input​> ('password' | 'text') whenever the password visibility is getting toggled.

Attributes and Methods

Name Type Default Description
(readonly) inputType
 string The type attribute for the <​input​> ('password' | 'text').

Types Documentation

(string & Translatable)
Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality.

Except where otherwise noted, content on this site is licensed under MIT License.