انتخاب

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 استفاده کنید.