ion-password-toggle

シャドウ

InputPasswordToggleコンポーネントは、Inputのコンパニオンコンポーネントです。パスワード入力欄のテキストの表示/非表示をユーザーが切り替えることができます。

基本的な使い方

（情報アイコンのSVG） 情報

InputPasswordToggle は、type プロパティが 'text' または 'password' に設定されている Input と一緒に使用する必要があります。

他の type を使用すると、警告がログに記録されます。

プロパティ

color

説明	アプリケーションのカラーパレットから使用する色です。デフォルトのオプションは、"primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium"、"dark" です。色の詳細については、テーマ設定 を参照してください。
属性	color
型	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined
デフォルト	undefined

hideIcon

説明	パスワードの非表示を表すために使用できるアイコンです。設定されていない場合は、「eyeOff」Ionicon が使用されます。
属性	hide-icon
型	string ｜ undefined
デフォルト	undefined

mode

説明	mode は、使用するプラットフォームスタイルを決定します。
属性	mode
型	"ios" ｜ "md"
デフォルト	undefined

showIcon

説明	パスワードの表示を表すために使用できるアイコンです。設定されていない場合は、「eye」Ionicon が使用されます。
属性	show-icon
型	string ｜ undefined
デフォルト	undefined

イベント

このコンポーネントで使用できるイベントはありません。

メソッド

このコンポーネントで使用できるパブリックメソッドはありません。

CSSシャドウパーツ

このコンポーネントで使用できるCSSシャドウパーツはありません。

CSSカスタムプロパティ

このコンポーネントで使用できるCSSカスタムプロパティはありません。

スロット

このコンポーネントで使用できるスロットはありません。