دکمه شناور (FAB)

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

FAB فقط برای «ایجاد» متناسب با زمینه است: ایجاد رویداد یا ایجاد وظیفه. در هر نما یک FAB بیشتر نیست و هرگز اکشن مخرب روی آن گذاشته نمی‌شود. مشخصات: ۵۶×۵۶px، شعاع ۱۸، آیکون ۲۴px و سایهٔ شناور.

جای‌گذاری بر اساس کلاس عرض: در compact پایین سمت start با فاصلهٔ ۲۰px بالای ناوبری و safe-area؛ در medium، دکمهٔ ایجاد در ریل قرار می‌گیرد و در expanded داخل سایدبار. FAB حالت بارگذاری مستقل ندارد.

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

کامپوننت وب Fab جای‌گذاری را به صفحه می‌سپارد و پراپ label الزامی است. میان‌بر N برای ایجاد، هدف طراحی است ولی هنگام تایپ در input نباید اجرا شود. مرزهای عرض: واکنش‌گرا.

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

نمونهٔ هدف