چک‌باکس گرد

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

این کنترال برای تکمیل فوری وظیفه است، بدون دیالوگ تأیید جدا. شکل: دایرهٔ ۲۲px در سمت start ردیف؛ رنگ آن از تقویم والد (متغیر --c) یا رنگ برند می‌آید.

حالت‌ها: خاموش فقط خط دارد، روشن پر می‌شود و تیک می‌گیرد؛ عنوان وظیفهٔ انجام‌شده خط‌خورده/کم‌رنگ می‌شود. disabled بی‌اثر است و خطا متنی اعلام می‌شود. انیمیشن تیک کوتاه است و به reduced-motion احترام می‌گذارد. ذخیرهٔ تغییر از مسیر sync می‌گذرد.

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

Checkbox وب بر Radix است و label لازم دارد (مثل «تکمیل: ارسال گزارش»). Space کار می‌کند و وضعیت checked منتقل می‌شود؛ رنگ تنها نشانهٔ وضعیت نیست. ناحیهٔ لمس را فراتر از دایرهٔ ۲۲px فراهم کنید.

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

نمونهٔ هدف