ion-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	アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は 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.