ورودی‌هاSelect

انتخاب

منوی کشویی برای انتخاب یک گزینه

پیش‌فرض

انتخاب ساده

<Select>
  <SelectTrigger className="w-50">
    <SelectValue placeholder="انتخاب کنید" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="opt1">گزینه اول</SelectItem>
    <SelectItem value="opt2">گزینه دوم</SelectItem>
    <SelectItem value="opt3">گزینه سوم</SelectItem>
  </SelectContent>
</Select>

نصب دستی

وابستگی‌ها

برای استفاده از Select، باید این بسته‌ها را نصب کنید:

npm install @radix-ui/react-select

کد زیر را می‌توانید در پروژه خود کپی کنید تا Select را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

با برچسب

انتخاب همراه با برچسب فرم

غیرفعال

انتخاب در حالت غیرفعال