دکمه آیکونی

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

دکمهٔ آیکونی فقط برای اکشن‌های شناخته‌شده مثل بستن و «بیشتر» است؛ اگر معنی آیکون مبهم است، به‌جای آن دکمهٔ متنی بگذارید. آیکون‌ها SVG با currentColor و ابعاد صریح‌اند.

اندازه‌ها: دکمه/آیکون ۴۰/۲۰ یا نسخهٔ کوچک ۳۰/۱۶px. هاور سطح ۲ و حالت disabled بی‌اثر است. اکشن‌های فرعی هدر در عرض‌های کم به داخل منو منتقل می‌شوند.

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

IconButton وب نام فارسی را از پراپ label می‌گیرد و Enter/Space را دکمهٔ بومی تأمین می‌کند. توجه: اندازهٔ فعلی به‌تنهایی هدف لمس ۴۴px را تأمین نمی‌کند — ناحیهٔ لمس را واقعاً بزرگ کنید، نه فقط بصری.

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

نمونهٔ هدف