کمبوباکس
comboboxکامپوننتورودی با پیشنهادهای زنده که اول گزینههایی را نشان میده که با متن شما شروع میشن و بعد بقیه را.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add comboboxنصب دستی
محتوای تب «کد» را در
components/ui/combobox.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Combobox } from "@/components/ui/combobox"23const cities = ["اصفهان", "اهواز", "اراک", "اردبیل", "تهران", "تبریز"]4<Combobox options={cities} placeholder="نام شهر…" onChange={setCity} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| options | string[] | - | همهی گزینهها. فیلتر داخل خود کامپوننت انجام میشه. |
| value / onChange | string / (v) => void | - | کنترلشده یا آزاد. |
| emptyText | string | "چیزی پیدا نشد" | متن حالت خالی. |