Select

Basic

jui-select の最も基本的な使用例です。

Usage

コンポーネントの基本的な使用方法です。

States

is-disabled などのプロパティを使用してコンポーネントの状態(非活性など)を制御します。

プロパティ (Properties)

コンポーネントが受け付ける属性(Props)の一覧と詳細仕様です。

PropertyAttributeDescriptionTypeDefault
errorMessageerror-messageエラーメッセージstringundefined
isDisabledis-disabled無効状態かbooleanfalse
isRequiredis-required必須フィールドかbooleanfalse
labellabelラベルテキストstringundefined
namenameフォームフィールド名stringundefined
optionsoptionsオプション一覧(JSON文字列またはオブジェクト配列)JuiSelectOption[] | string'[]'
placeholderplaceholderプレースホルダーテキストstring''
valuevalue選択中の値string''

イベント (Events)

コンポーネントから発火するカスタムイベントの一覧です。

EventDescriptionType
juiChange値が変更された時に発火CustomEvent<string>

シャドウパーツ (Shadow Parts)

CSSから直接スタイリング可能な内部要素(Parts)の一覧です。

PartDescription
"dropdown"
"error"
"label"
"option"
"trigger"

Built with StencilJS