Multi Select Combobox

検索機能付きの複数選択可能なコンボボックスコンポーネント。選択したアイテムはバッジとして表示され、個別に削除可能です。

npx shadcn@latest add https://imaimai-ui.vercel.app/r/multi-select-combobox.json

実際に動作するコンポーネントです。インタラクションを試してみてください。

全バッジ表示

選択されているアイテム:

[ "react", "next" ]

バッジ数制限

maxVisibleItemsを指定することで、表示するバッジ数を制限できます。残りは"+N" バッジで表示されます。

選択されているアイテム:

[ "react", "next", "vue", "angular" ]