Skip to main content

منوی پاپ‌آور

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

منو برای اکشن‌های فرعیِ متصل به دکمهٔ «بیشتر» یا تنظیمات است؛ فرم و انتخاب مقدار جای دیگری دارند. ساختار: یک ستون؛ آیتم حذف آخرین گزینه و از بقیه جدا است.

مشخصات: هدف min-width=180px (وب فعلی ۱۹۰)، شعاع ۱۲ و ارتفاع بصری آیتم ۳۸px؛ آیتم disabled بی‌اثر است. منو با کلیک بیرون، Esc یا انتخاب آیتم بسته می‌شود؛ در هر لحظه فقط یک منو باز است، در تنگی فضا کنار لنگر جابه‌جا می‌شود و در compact هم پاپ‌آور می‌ماند (برگه نمی‌شود).

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

Menu وب بر Radix است: نقش‌های menu/menuitem، Enter/ArrowDown برای باز کردن، حرکت با بالا/پایین و Home/End و بازگشت فوکوس به محرک. محرک باید نام فارسی داشته باشد و آیتم‌ها هدف لمس ۴۴px را رعایت کنند؛ نتیجهٔ عملیات در توست اعلام می‌شود، نه داخل خود منو.

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

نمونهٔ هدف