テキスト入力
テキスト入力は文字列を入力するコンポーネントです。
プロパティ
UIダイアログ
| 項目 | 入力値 | オプション | デフォルト値 |
|---|---|---|---|
| ID | 文字列 | 自動設定 | |
| ラベル | 文字列 | Text Field | |
| 幅 | 文字列 | 222 | |
| 高さ | 文字列 | 55 | |
| X | 文字列 | ||
| Y | 文字列 | ||
| スタイル | 選択 | アウトライン, フィル, スタンダード | アウトライン |
| 色 | 文字列 カラーピッカー | ||
| 背景色 | 文字列 カラーピッカー | ||
| ラベル色 | 文字列 カラーピッカー | ||
| 入力文字色 | 文字列 カラーピッカー | ||
| 非アクティブ | 真偽 | オン, オフ | オフ |
| 読み取り専用 | 真偽 | オン, オフ | オフ |
| 必須 | 真偽 | オン, オフ | オフ |
| 表示 | 真偽 | オン, オフ | オン |
| 記号と単位の位置 | 選択 | なし, 先頭, 末尾 | なし |
| 記号と単位 | 文字列 | ||
| 入力タイプ | 選択 | 任意, 電話番号, Eメール | 任意 |
| 国コード | 選択 | 日本 | |
| プレースホルダ | 文字列 | ||
| ヘルパーテキスト | 文字列 | ||
| 入力エラーメッセージ | 文字列 | Your input is incomplete | |
| チェンジイベント | 選択 | なし, アクション | なし |
| 値 | 文字列 | ||
| エラー | - |
アクション
| 項目 | プロパティ | データ型 | オプション | デフォルト値 |
|---|---|---|---|---|
| id | id | string | 自動設定 | |
| label | label | string | Text Field | |
| width | width | string | 222 | |
| hight | hight | string | 55 | |
| x | x | string | ||
| y | y | string | ||
| variant | variant | string | outlined, filled, standard | outlined |
| color | color | string | ||
| backgroundColor | backgroundColor | string | ||
| labelColor | labelColor | string | ||
| inputColor | inputColor | string | ||
| disabled | disabled | boolean | true, false | false |
| readOnly | readOnly | boolean | true, false | false |
| required | required | boolean | true, false | false |
| visibility | visibility | boolean | true, false | true |
| inputAdornmentsPosition | inputAdornmentsPosition | string | none, start, end | none |
| inputAdornments | inputAdornments | string | ||
| inputType | inputType | string | any, phone, email | any |
| countryCode | countryCode | string | JA | |
| placeholder | placeholder | string | ||
| helperText | helperText | string | ||
| inputErrorMessage | inputErrorMessage | string | ||
| value | value | string | ||
| error | error | boolean |
Tips
イベント
| イベント名 | 説明 |
|---|---|
| onchange | 値の変更が行われ、カーソルが外れた時に発生します。 |