انتخاب
selectکامپوننتفهرست انتخاب بومی مرورگر با ظاهر سفارشی و شورون در سمت چپ.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add selectنصب دستی
محتوای تب «کد» را در
components/ui/select.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Select } from "@/components/ui/select"23<Select4 placeholder="شهر را انتخاب کنید"5 options={[{ value: "thr", label: "تهران" }, { value: "mhd", label: "مشهد" }]}6 defaultValue=""7/>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| options | { value; label; disabled? }[] | - | گزینهها. |
| placeholder | string | - | گزینهی غیرفعال اول. |
نکتههای راستچین
- روی موبایل، فهرست بومی سیستمعامل باز میشه. اگر جستوجو میخواید از Combobox استفاده کنید.