رادیو (Radio)
رادیوها به کاربران این امکان را میدهند که یک گزینه از مجموعهای از گزینهها را انتخاب کنند.
ساده (Simple)
مثال ساده از رادیو.
گروه (Group)
مثال گروه رادیو کنترلشده.
غیرفعال (Disabled)
Radio و Radio.Group به شما این امکان را میدهند که از پراپ disabled برای جلوگیری از کلیک کاربر استفاده کنید.عمودی (Vertical)
لیست رادیو میتواند به صورت عمودی نمایش داده شود.
رنگ (Color)
رادیو و گروه میتوانند از طریق پراپ
radioClass استایل سفارشی دریافت کنند.API
رادیو (Radio)
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| checked | آیا رادیو انتخاب شده است؟ | boolean | - |
| radioClass | استایل سفارشی برای رادیو | string | - |
| defaultChecked | آیا وضعیت اولیه رادیو انتخاب شده است؟ | boolean | - |
| disabled | آیا رادیو غیرفعال است؟ | boolean | - |
| labelRef | رفرنس عنصر برچسب رادیو | string | - |
| name | نام فیلد ورودی رادیو | string | - |
| onChange | کالبک هنگام تغییر مقدار رادیو | (value: any, e: MouseEvent) => void | - |
| value | مقدار رادیو | any | - |
| vertical | نمایش رادیو به صورت عمودی | boolean | - |
گروه رادیو (Radio.Group)
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| color | رنگ سفارشی برای تمام رادیوهای گروه، گزینههای رنگ بر اساس theme.colors از Tailwind. | string | رنگ تم فعلی |
| disabled | آیا تمام رادیوها غیرفعال هستند؟ | boolean | - |
| name | نام رادیوهای گروه رادیو | string | - |
| onChange | کالبک هنگام تغییر مقدار | (values: any, e: MouseEvent) => void | - |
| value | مقدار انتخابشده رادیوها | any | - |
| vertical | نمایش لیست رادیوها به صورت عمودی | boolean | false |