パスワード

パスワードを入力するコンポーネントです。特徴としてパスワード可視トグルを付与できます。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	`[id]`プロパティはアクションで設定はできません。
2	ラベル	文字列	Password	label	string	Password	コンポーネントのラベル
3	幅	文字列	222	width	string	222	コンポーネントの幅
4	高さ	文字列	55	height	string	55	コンポーネントの高さ
5	X	文字列		x	string		X座標位置
6	Y	文字列		y	string		Y座標位置
7	スタイル	選択 1. アウトライン 2. フィル 3. スタンダード	アウトライン	variant	string	outlined	コンポーネントのスタイル
8	色	文字列カラーピッカー		color	string		コンポーネントの色
9	背景色	文字列カラーピッカー		backgroundColor	string		背景色
10	ラベル色	文字列カラーピッカー		labelColor	string		ラベルの文字色
11	入力文字色	文字列カラーピッカー		inputColor	string		入力文字の色
12	非アクティブ	真偽	OFF	disabled	boolean	false	非アクティブ状態
13	読み取り専用	真偽	OFF	readOnly	boolean	false	読み取り専用モード
14	必須	真偽	OFF	required	boolean	false	必須入力設定
15	表示	真偽	ON	visibility	boolean	true	表示状態
16	可視トグル	真偽	ON	visibilityToggle	boolean	true	パスワード可視切り替えボタン
17	プレースホルダ	文字列		placeholder	string		プレースホルダーテキスト
18	ヘルパーテキスト	文字列		helperText	string		ヘルパーテキスト
19	チェンジイベント	選択 1. なし 2. アクション	なし				値変更時のイベント（アクションプロパティなし）
20	値	文字列		value	string		パスワードの値
21	エラー			error	boolean
22	タブによるフォーカス	選択 1.[UIのID]		tabFocus	string		次フォーカスのコンポーネント指定 `[v3.3.0]`で追加されたプロパティ

[可視トグル]はオンの場合、パスワードの可視/不可視を切り替えるボタンが付与されます。最初は不可視の状態になります。
[幅]、[高さ]プロパティ値には下記を入力できます。
px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- 数値%
- calc()関数
[X]、[Y]プロパティ値には下記を入力できます。
px表示したい場合は数値のみを指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- calc()関数
calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
calc()関数で使用できる単位は「%」と「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
プレビューを用いてご確認ください。
[必須]プロパティをONにした場合、ラベルの横に * マークが付きます。
必須チェックは自動では行いませんので、アクションを定義してください。

イベント

イベント名	説明
onchange	値の変更が行われ、カーソルが外れた時に発生します。