ion-input-password-toggle
The InputPasswordToggle component is a companion component to Input. It allows users to toggle the visibility of text in a password input.
Basic Usage
info
Properties
color
Description The color to use from your application's color palette. Default options are:
"primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming. Attribute
color Type
"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined Default
undefinedhideIcon
Description The icon that can be used to represent hiding a password. If not set, the "eyeOff" Ionicon will be used.
Attribute
hide-icon Type
string | undefined Default
undefinedmode
Description The mode determines which platform styles to use.
This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attribute
mode Type
"ios" | "md" Default
undefinedshowIcon
Description The icon that can be used to represent showing a password. If not set, the "eye" Ionicon will be used.
Attribute
show-icon Type
string | undefined Default
undefinedEvents
No events available for this component.
Methods
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Properties
No CSS custom properties available for this component.
Slots
No slots available for this component.