سوییچ

کاربرد و حالت‌ها

سوییچ برای تنظیم دوتایی مثل نمایش/پنهان‌سازی یک تقویم است: هر تنظیم یک سوییچ دارد و لیبل، نام تنظیم است (نه «روشن/خاموش»). عملیات لحظه‌ایِ نیازمند تأیید، دکمه می‌خواهد نه سوییچ.

مشخصات: ریل ۴۴×۲۶ و دستگیره ۱۸px؛ حرکت دستگیره با جهت منطقی RTL، حالت روشن با رنگ برند و خاموش با سطح ۳. اثر تغییر باید بی‌درنگ باشد؛ اگر ذخیره شکست بخورد، مقدار به حالت قبل برگردد و خطا اعلام شود. کاربرد مرتبط: سوییچ تمام‌روز، فیلدهای ساعت را غیرفعال می‌کند.

پلتفرم و دسترس‌پذیری

Switch وب بر Radix است: با label، نقش switch و وضعیت checked؛ با Space/Enter کار می‌کند. ذخیره و بازگرداندن مقدار با فراخواننده است. توجه: ارتفاع ۲۶px هدف لمس ۴۴px نیست — ناحیهٔ لمس را جدا فراهم کنید.

منبع وب: apps/calendar-web/src/components/ui/switch.tsx. این قرارداد هدف است؛ وضعیت اجرا در پذیرش واقعی. قواعد مشترک: کنتراست، فوکوس، لمس و حرکت.

نمونهٔ هدف