زر الاختيار
مكوّن زر اختيار مع دعم التسمية. يمكن وضع التسمية في بداية السطر أو نهايته أو أعلاه أو أسفله مع دعم كامل لـ RTL.
Loading demo: radio-label-real-world
التثبيت
npx sdaia-ui@latest add radiobutton
الاستخدام
import { RadioButton } from "@/components/ui/radio-button"<RadioButton placement="start" />الأمثلة
الحجم
استخدم خاصية `size` لتغيير size لـزر الاختيار.
Loading demo: radio-button-size
الافتراضي
النمط الأساسي الافتراضي يستخدم لون العلامة التجارية عند التحديد.
Loading demo: radio-button-checked-state
الأساسي
النمط الأساسي الافتراضي يستخدم لون العلامة التجارية عند التحديد.
Loading demo: radio-button-primary
محايد
استخدم `style="محايد"` للحالة المحددة الرمادية في السياقات الثانوية.
Loading demo: radio-button-neutral
معطَّل
استخدم `state="معطَّل"` لمنع تفاعل المستخدم.
Loading demo: radio-button-disabled