Skip to content

Combobox

概要

Combobox は検索可能な選択 UI です。テキスト入力で候補を絞り込みつつ選択できるため、項目数が多いモード選択やデバイス選択で使いやすくなります。

Usage 使用例

基本

API Reference

Combobox.Root Props

PropsTypeDefaultDescription
variant"outline" | "subtle" | "flushed""outline"見た目のバリエーションです
size"xs" | "sm" | "md" | "lg""md"入力欄サイズです
itemsComboboxItem[]選択候補一覧です
valuestring | string[]現在値です
onValueChange(value: string | string[]) => void値変更時に呼ばれます
multiplebooleanfalse複数選択モードです
openOnClickbooleantrueフォーカス時に一覧を開きます
placeholderstring"検索..."入力プレースホルダーです
disabledbooleanfalse無効化します
classstring追加クラスです

Mithril UI Kit Documentation