ion-input-password-toggle

shadow

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

InputPasswordToggle must be used with an Input that has its type property set to either 'text' or 'password'.

Using any other type will cause a warning to be logged.

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	undefined

hideIcon

Description	パスワードの非表示を表すアイコン。設定されていない場合、"eyeOff "アイコンが使用される。
Attribute	hide-icon
Type	string ｜ undefined
Default	undefined

mode

Description	modeは、どのプラットフォームのスタイルを使用するかを決定します。
Attribute	mode
Type	"ios" ｜ "md"
Default	undefined

showIcon

Description	パスワードを示すアイコン。設定されていない場合は、"eye"のアイコンが使用されます。
Attribute	show-icon
Type	string ｜ undefined
Default	undefined

Events

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.