کامپوننت‌ها
کد مرجع: وب در apps/calendar-web/src/components/ui و Compose در apps/mobile/core/design و core/ui. این قراردادها «هدف» طراحی‌اند؛ وضعیت واقعی هر کنترل را در پذیرش ببینید.
| نیاز | کنترل |
|---|---|
| اکشن | دکمه، آیکونی، FAB |
| ورود داده | فیلد، OTP، تاریخ/ساعت |
| وضعیت دوتایی | چک‌باکس، سوییچ |
| ا نتخاب/ناوبری | چیپ، تب، نشان، منو |
| بازخورد/لایه | دیالوگ، بنر، توست |
| تقویم | ماه کوچک، رویداد/وظیفه |
قواعد مشترک همهٔ کنترل‌ها: توکن‌های مبانی، کنتراست ≥۴٫۵:۱، فوکوس آشکار ۲px، نام فارسی، احترام به reduced-motion و هدف لمس واقعی ≥۴۴×۴۴. توجه: فاصلهٔ اطراف کنترل جای hit area را نمی‌گیرد و چند primitive وب هنوز از این حد کوچک‌ترند.