المفتاح

مكوّن مفتاح مع دعم التسمية. يمكن وضع التسمية في موضع البداية أو النهاية أو أعلى أو أسفل مع دعم كامل لـ RTL.

Loading demo: switch-real-world

التثبيت

npx sdaia-ui@latest add switch

import { Switch } from "@/components/ui/switch"

<Switch placement="start" />

الحالة الافتراضية غير المُفعَّلة.

Loading demo: switch-label-off

استخدم `on={true}` أو `defaultChecked` لضبط المفتاح على حالة التشغيل.

Loading demo: switch-label-on

استخدم `state="معطَّل"` لإظهار الحالة المعطَّلة.

Loading demo: switch-label-disabled

خصائص مكوّن ContentSwitcher.

Prop	Type	Default	Required
label	ReactNode	—	optional
placement	"start" \| "end" \| "top" \| "bottom"	"start"	optional
on	boolean	—	optional
defaultChecked	boolean	—	optional
size	"md" \| "lg"	"md"	optional
error	string	—	optional
helperText	string	—	optional
disabled	boolean	false	optional
onChange	ChangeEventHandler<HTMLInputElement>	—	optional