Ecme logoEcme logo
داشبورد
    فروشگاه آنلاین
    پروژه
    بازاریابی
    تحلیل
مفاهیم
    هوش مصنوعی
      گفتگو
      تصویر
    پروژه‌ها
      تابلوی اسکرام
      فهرست
      جزئیات
      وظایف
      مسائل
    مشتریان
      فهرست
      ویرایش
      ایجاد
      جزئیات
    محصولات
      فهرست
      ویرایش
      ایجاد
    سفارش‌ها
      فهرست
      ویرایش
      ایجاد
      جزئیات
    حساب کاربری
      تنظیمات
      سابقه فعالیت
      نقش‌ها و دسترسی‌ها
      تعرفه‌ها
    مرکز راهنمایی
      مرکز پشتیبانی
      مقاله
      ویرایش مقاله
      مدیریت مقاله
    تقویم
    مدیریت فایل
    ایمیل
    گفتگو
اجزای رابط کاربری
    عمومی
      دکمه
      شبکه
      تایپوگرافی
      نمادها
    بازخورد
      هشدار
      پنجره گفتگو
      منوی کشویی
      نوار پیشرفت
      پیش‌نمایش
      نشانگر بارگذاری
      پیام موقت
    نمایش اطلاعات
      تصویر کاربر
      نشانک
      تقویم
      کارت‌ها
      جدول
      برچسب
      خط زمان
      راهنمای ابزار
    فرم‌ها
      کادر انتخاب
      انتخابگر تاریخ
      کنترل‌های فرم
      ورودی
      گروه ورودی
      دکمه رادیویی
      بخش
      انتخابگر
      کلید دوحالته
      ورودی زمان
      بارگذاری
    ناوبری
      منوی کشویی
      منو
      صفحه‌بندی
      گام‌ها
      زبانه‌ها
    نمودار
      نمودارها
      نقشه‌ها
احراز هویت
    ورود به سیستم
      ساده
      کناری
      دوبخشی
    ثبت‌نام
      ساده
      کناری
      دوبخشی
    بازیابی رمز عبور
      ساده
      کناری
      دوبخشی
    بازنشانی رمز عبور
      ساده
      کناری
      دوبخشی
    تایید رمز یکبار مصرف
      ساده
      کناری
      دوبخشی
سایر
    دسترسی غیرمجاز
    صفحه فرود
راهنما
    مستندات
    اجزای اشتراکی
    ابزارها
    تاریخچه تغییرات
حق نشر © 2026 Ecme تمامی حقوق محفوظ است.
شرایط و ضوابط | حریم خصوصی و سیاست

انتخاب (Select)

انتخاب به کاربر این امکان را می‌دهد که یک یا چند گزینه را از یک لیست انتخاب کند. این کامپوننت یک Wrapper برای react-select است.

پایه (Basic)

استفاده اساسی.
لطفا انتخاب کنید

اندازه (Size)

سه اندازه مختلف برای گزینه‌ها در انتخاب وجود دارد.
لطفاً انتخاب کنید
لطفاً انتخاب کنید
لطفاً انتخاب کنید

انتخاب چندگانه (Multi Selection)

با تنظیم isMulti به true، می‌توانیم چندین گزینه را از لیست انتخاب کنیم.
بنفش
قرمز

غیرفعال (Disabled)

مثال برای غیرفعال کردن.
برخی گزینه‌ها غیرفعال هستند
بنفش
بنفش
قرمز

غیرفعال جستجو (Disabled Search)

انتخاب به طور پیش‌فرض قابل جستجو است، اما می‌توانیم این ویژگی را با تنظیم isSearchable به false غیرفعال کنیم.
لطفا انتخاب کنید

گروه‌بندی (Group)

گزینه‌ها می‌توانند با داده‌های تو در تو گروه‌بندی شوند.
آبی

سفارشی (Custom)

React-select به ما اجازه می‌دهد تا بلوک‌های ساختاری کامپوننت را سفارشی کنیم. برای جزئیات بیشتر به اینجا مراجعه کنید.
United State
China
Japan

آسنک در جستجو (Async on Search)

از کامپوننت آسنک برای بارگذاری گزینه‌ها از یک منبع راه دور به محض تایپ کاربر استفاده کنید.
انتخاب کنید...

بارگذاری گزینه در گسترش (Load Options on Expand)

می‌توانیم گزینه‌ها را با کلیک روی Select بارگذاری کنیم.
انتخاب کنید...

قابل ساخت (Creatable)

مثالی برای ایجاد گزینه جدید از طریق ورودی Select.
چیزی تایپ کن...

API

انتخاب (Select)
ویژگیتوضیحاتنوعپیش‌فرض
componentAsدریافت کامپوننت‌های پیشرفته از react-select، مانند Async و CreatableReactNodeReactSelect
sizeاندازه انتخاب'lg' | 'md' | 'sm''md'

وابستگی‌ها

React Select

Select یک کامپوننت wrapper برای react-selectاست.

تمام props های react-select می‌توانند بر روی این کامپوننت اعمال شوند، برای لیست کامل API به مستندات رسمی مراجعه کنید.

فهرست مطالب
  • پایه (Basic)
  • اندازه (Size)
  • انتخاب چندگانه (Multi Selection)
  • غیرفعال (Disabled)
  • غیرفعال جستجو (Disabled Search)
  • گروه‌بندی (Group)
  • سفارشی (Custom)
  • آسنک در جستجو (Async on Search)
  • بارگذاری گزینه در گسترش (Load Options on Expand)
  • قابل ساخت (Creatable)