Skip to content

SiPasswordToggleComponent documentation

selector
si-password-toggle

Input Properties

NameTypeDefaultDescription
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
booleantrueWhether to show the visibility toggle icon.

Output Properties

NameTypeDescription
typeChange
stringEmits the type attribute for the <​input​> ('password' | 'text') whenever the password visibility is getting toggled.

Attributes and Methods

NameTypeDefaultDescription
(readonly) inputType
stringThe type attribute for the <​input​> ('password' | 'text').

Types Documentation

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.
Translatable
import

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