دکمه

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

در هر نما فقط یک اکشن اصلی است. انواع: primary، tonal، outline، text و danger-text — نوع آخر برای حذف، جدا از اکشن اصلی. متن دکمه فعلی کوتاه است؛ آیکون اختیاری و ۱۷px.

اندازه‌ها: ارتفاع استاندارد ۴۰px و کوچک ۳۲px؛ شعاع ۱۲ (کوچک: ۸). دکمهٔ disabled بی‌اثر است. هنگام ارسال، عرض دکمه ثابت بماند و حالت قفل/اسپینر نمایش داده شود؛ نتیجهٔ عملیات در فرم یا توست اعلام می‌شود، نه با تغییر رنگ دکمه.

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

دکمهٔ بومی button استفاده می‌شود که Enter/Space را خودش دارد؛ هنگام انتظار، aria-busy بگذارید. کامپوننت وب Button حالت بارگذاری را مدیریت نمی‌کند — مسئولیت فراخواننده است. مقدار linkish فقط واژگان نمونه است، نه variant رسمی وب.

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

نمونهٔ هدف