ui:select

汎用的なSelectコンポーネントです。

• 通常は、ui:fieldSet と組み合わせて利用します。

Examples

Source Code

<div class="flex gap-4">
  <select class="ui:select">
    <option>セレクトボックス</option>
    <option>セレクトボックス</option>
  </select>
  <select class="ui:select">
    <optgroup label="グループラベル">
      <option>セレクトボックス</option>
      <option selected>セレクトボックス</option>
    </optgroup>
    <hr />
    <optgroup label="グループラベル">
      <option>セレクトボックス</option>
      <option selected>セレクトボックス</option>
    </optgroup>
    <hr />
    <optgroup label="グループラベル" disabled>
      <option>セレクトボックス</option>
      <option>セレクトボックス</option>
    </optgroup>
  </select>
  <select class="ui:select" disabled>
    <option>セレクトボックス</option>
    <option>セレクトボックス</option>
  </select>
</div>

Variants

属性	要素	値	効果
disabled	root	-	無効化の指定