انتخاب

selectکامپوننت

فهرست انتخاب بومی با ظاهر سفارشی؛ شورون سمت چپ.

نصب

  1. با CLI

    اگر هنوز init نکرده‌اید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگی‌هایش را می‌نویسد.

    $ npx vibefarsi add select
  2. نصب دستی

    محتوای تب «کد» را در 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? }[]-گزینه‌ها.
placeholderstring-گزینه‌ی غیرفعال اول.

نکته‌های راست‌چین

  • روی موبایل، فهرست بومی سیستم‌عامل باز می‌شود؛ برای جست‌وجو از Combobox استفاده کنید.