Select
Basic
jui-select の最も基本的な使用例です。
Usage
コンポーネントの基本的な使用方法です。
States
is-disabled などのプロパティを使用してコンポーネントの状態(非活性など)を制御します。
プロパティ (Properties)
コンポーネントが受け付ける属性(Props)の一覧と詳細仕様です。
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
errorMessage | error-message | エラーメッセージ | string | undefined |
isDisabled | is-disabled | 無効状態か | boolean | false |
isRequired | is-required | 必須フィールドか | boolean | false |
label | label | ラベルテキスト | string | undefined |
name | name | フォームフィールド名 | string | undefined |
options | options | オプション一覧(JSON文字列またはオブジェクト配列) | JuiSelectOption[] | string | '[]' |
placeholder | placeholder | プレースホルダーテキスト | string | '' |
value | value | 選択中の値 | string | '' |
イベント (Events)
コンポーネントから発火するカスタムイベントの一覧です。
| Event | Description | Type |
|---|---|---|
juiChange | 値が変更された時に発火 | CustomEvent<string> |
シャドウパーツ (Shadow Parts)
CSSから直接スタイリング可能な内部要素(Parts)の一覧です。
| Part | Description |
|---|---|
"dropdown" | |
"error" | |
"label" | |
"option" | |
"trigger" |
Built with StencilJS