検索フィールド
検索フィールドは検索文字列を入力するための1行テキストフィールドです。コンポーネント内の検索アイコンをクリックする、またはEnterキー押下でアクションが起動します。
Tips
プロパティ
UIダイアログ
| 項目 | 入力値 | オプション | デフォルト値 |
|---|---|---|---|
| ID | 文字列 | 自動設定 | |
| ラベル | 文字列 | Search Field | |
| 幅 | 文字列 | 222 | |
| 高さ | 文字列 | 55 | |
| X | 文字列 | ||
| Y | 文字列 | ||
| スタイル | 選択 | アウトライン, フィル, スタンダード | アウトライン |
| 色 | 文字列 カラーピッカー | ||
| 背景色 | 文字列 カラーピッカー | ||
| ラベル色 | 文字列 カラーピッカー | ||
| 入力文字色 | 文字列 カラーピッカー | ||
| 非アクティブ | 真偽 | オン, オフ | オフ |
| 読み取り専用 | 真偽 | オン, オフ | オフ |
| 表示 | 真偽 | オン, オフ | オン |
| プレースホルダ | 文字列 | ||
| ヘルパーテキスト | 文字列 | ||
| クリックイベント | 選択 | なし, アクション | アクション |
| 値 | 文字列 | ||
| エラー | - |
アクション
| 項目 | プロパティ | データ型 | オプション | デフォルト値 |
|---|---|---|---|---|
| ID | id | string | 自動設定 | |
| ラベル | label | string | Search Field | |
| 幅 | width | string | 222 | |
| 高さ | height | string | 55 | |
| X | x | string | ||
| Y | y | string | ||
| スタイル | variant | string | outlined, filled, standard | outlined |
| 色 | color | string | ||
| 背景色 | backgroundColor | string | ||
| ラベル色 | labelColor | string | ||
| 入力文字色 | inputColor | string | ||
| 非アクティブ | disabled | boolean | true, false | false |
| 読み取り専用 | readOnly | boolean | true, false | false |
| 表示 | visibility | boolean | true, false | true |
| プレースホルダ | placeholder | string | ||
| ヘルパーテキスト | helperText | string | ||
| 値 | value | string | ||
| エラー | error | boolean |
Tips
イベント
| イベント名 | 説明 |
|---|---|
| onclick | 検索アイコンクリック時またはEnterキー押下時に発生します。 |