テキスト入力
テキスト入力は文字列を入力するコンポーネントです。
ダイアログプロパティ
| 項目 | 入力値 | オプション | デフォルト値 |
|---|---|---|---|
| ID | 文字列 | 自動設定 | |
| ラベル | 文字列 | Text Field | |
| 幅 | 文字列 | 222 | |
| 高さ | 文字列 | 55 | |
| X | 文字列 | ||
| Y | 文字列 | ||
| スタイル | 選択 | アウトライン | |
| 色 | 文字列 カラーピッカー | ||
| 背景色 | 文字列 カラーピッカー | ||
| ラベル色 | 文字列 カラーピッカー | ||
| 入力文字色 | 文字列 カラーピッカー | ||
| 非アクティブ | 真偽 | オフ | |
| 読み取り専用 | 真偽 | オフ | |
| 必須 | 真偽 | オフ | |
| 表示 | 真偽 | オン | |
| 記号と単位の位置 | 選択 | なし | |
| 記号と単位 | 文字列 | ||
| 入力タイプ | 選択 | 任意 | |
| 国コード | 選択 | 日本 | |
| プレースホルダ | 文字列 | ||
| ヘルパーテキスト | 文字列 | ||
| 入力エラーメッセージ | 文字列 | 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 | |
| color | color | string | ||
| backgroundColor | backgroundColor | string | ||
| labelColor | labelColor | string | ||
| inputColor | inputColor | string | ||
| disabled | disabled | boolean | false | |
| readOnly | readOnly | boolean | false | |
| required | required | boolean | false | |
| visibility | visibility | boolean | true | |
| inputAdornmentsPosition | inputAdornmentsPosition | string | none | |
| inputAdornments | inputAdornments | string | ||
| inputType | inputType | string | any | |
| countryCode | countryCode | string | JA | |
| placeholder | placeholder | string | ||
| helperText | helperText | string | ||
| inputErrorMessage | inputErrorMessage | string | ||
| value | value | string | ||
| error | error | boolean |
イベント
| イベント名 | 説明 |
|---|---|
| onchange | 値の変更が行われ、カーソルが外れた時に発生します。 |