// title: Showcase: single, multiple chips, sizes and disabled "use client"; import { UserIcon } from "lucide-react"; import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxValue, } from "@/registry/default/ui/combobox"; import { Field, FieldLabel } from "@/registry/default/ui/field"; interface Item { label: string; value: string; } const people: Item[] = [ { label: "Maya Patel", value: "maya" }, { label: "Jordan Lee", value: "jordan" }, { label: "Sarah Chen", value: "sarah" }, { label: "Marco Rossi", value: "marco" }, { label: "Emma Wilson", value: "emma" }, ]; const labels: Item[] = [ { label: "Bug", value: "bug" }, { label: "Feature", value: "feature" }, { label: "Design", value: "design" }, { label: "Docs", value: "docs" }, { label: "Performance", value: "performance" }, ]; function Options({ empty }: { empty: string }) { return ( {empty} {(item: Item) => ( {item.label} )} ); } export default function Particle() { return (

Assignee } /> Labels {(value: Item[]) => ( <> {value.map((item) => ( {item.label} ))} 0 ? undefined : "Add labels…"} /> )} Small Disabled

); }