انتخاب (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 و Creatable | ReactNode | ReactSelect |
| size | اندازه انتخاب | 'lg' | 'md' | 'sm' | 'md' |
وابستگیها
React Select
Select یک کامپوننت wrapper برای react-selectاست.
تمام props های react-select میتوانند بر روی این کامپوننت اعمال شوند، برای لیست کامل API به مستندات رسمی مراجعه کنید.