Ecme logoEcme logo
داشبورد
    فروشگاه آنلاین
    پروژه
    بازاریابی
    تحلیل
مفاهیم
    هوش مصنوعی
      گفتگو
      تصویر
    پروژه‌ها
      تابلوی اسکرام
      فهرست
      جزئیات
      وظایف
      مسائل
    مشتریان
      فهرست
      ویرایش
      ایجاد
      جزئیات
    محصولات
      فهرست
      ویرایش
      ایجاد
    سفارش‌ها
      فهرست
      ویرایش
      ایجاد
      جزئیات
    حساب کاربری
      تنظیمات
      سابقه فعالیت
      نقش‌ها و دسترسی‌ها
      تعرفه‌ها
    مرکز راهنمایی
      مرکز پشتیبانی
      مقاله
      ویرایش مقاله
      مدیریت مقاله
    تقویم
    مدیریت فایل
    ایمیل
    گفتگو
اجزای رابط کاربری
    عمومی
      دکمه
      شبکه
      تایپوگرافی
      نمادها
    بازخورد
      هشدار
      پنجره گفتگو
      منوی کشویی
      نوار پیشرفت
      پیش‌نمایش
      نشانگر بارگذاری
      پیام موقت
    نمایش اطلاعات
      تصویر کاربر
      نشانک
      تقویم
      کارت‌ها
      جدول
      برچسب
      خط زمان
      راهنمای ابزار
    فرم‌ها
      کادر انتخاب
      انتخابگر تاریخ
      کنترل‌های فرم
      ورودی
      گروه ورودی
      دکمه رادیویی
      بخش
      انتخابگر
      کلید دوحالته
      ورودی زمان
      بارگذاری
    ناوبری
      منوی کشویی
      منو
      صفحه‌بندی
      گام‌ها
      زبانه‌ها
    نمودار
      نمودارها
      نقشه‌ها
احراز هویت
    ورود به سیستم
      ساده
      کناری
      دوبخشی
    ثبت‌نام
      ساده
      کناری
      دوبخشی
    بازیابی رمز عبور
      ساده
      کناری
      دوبخشی
    بازنشانی رمز عبور
      ساده
      کناری
      دوبخشی
    تایید رمز یکبار مصرف
      ساده
      کناری
      دوبخشی
سایر
    دسترسی غیرمجاز
    صفحه فرود
راهنما
    مستندات
    اجزای اشتراکی
    ابزارها
    تاریخچه تغییرات
حق نشر © 2026 Ecme تمامی حقوق محفوظ است.
شرایط و ضوابط | حریم خصوصی و سیاست

منو (Menu)

منوها به کاربران این امکان را می‌دهند که یک آیتم را از گروهی از گزینه‌های موجود انتخاب کنند.

ساده (Simple)

مثال ساده‌ای از منو.
تنظیمات
پیام
گالری

آیتم منوی قابل گسترش (Collapsable menu item)

منوها می‌توانند شامل سطوح تو در تو به عنوان آیتم‌های منوی قابل گسترش باشند.
آیتم 1
آیتم 2
آیتم 3
    آیتم 3.1
    آیتم 3.2
آیتم 4
    آیتم 4.1
    آیتم 4.2
    آیتم 4.3
      آیتم 4.3.1
      آیتم 4.3.2

گروه منو (Menu group)

منوها می‌توانند آیتم‌های منو را به گروه‌های مختلف تقسیم کنند.
گروه 1
    آیتم 1
    آیتم 2
    آیتم 3
      آیتم 3.1
      آیتم 3.2
گروه 2
    آیتم 1
    آیتم 2

با آیکون (With icon)

مثال منویی با آیکون در آیتم‌های منو.
تنظیمات
پیام‌ها
شبکه
    وای‌فای
    پشتیبانی

آیتم منوی غیرفعال (Disabled menu item)

آیتم‌های منو می‌توانند غیرفعال شوند تا از تعامل کاربر با آن‌ها جلوگیری شود.
تنظیمات
پیام
گالری

فعال پیش‌فرض (Default active)

ما می‌توانیم آیتم‌های منو را با وارد کردن eventKey مربوطه در defaultActiveKeys فعال کنیم.
آیتم 1
آیتم 2
آیتم 3
    آیتم 3.1
    آیتم 3.2

گسترش پیش‌فرض (Default expand)

ما می‌توانیم آیتم‌های منوی قابل گسترش را با وارد کردن eventKey مربوطه در defaultExpandedKeys گسترش دهیم.
آیتم 1
آیتم 2
آیتم 3
    آیتم 3.1
    آیتم 3.2
آیتم 4
    آیتم 4.1
    آیتم 4.2

API

منو (Menu)
ویژگیتوضیحاتنوعپیش‌فرض
defaultActiveKeysآیتم منوی پیش‌فرض به عنوان فعال بر اساس کلیدهای وارد شده که به eventkey مربوط می‌شوند.string[][]
defaultCollapseActiveKeysآیتم منوی قابل گسترش پیش‌فرض فعال بر اساس کلیدهای وارد شده که به eventkey مربوط می‌شوند.string[][]
defaultExpandedKeysآیتم منوی قابل گسترش پیش‌فرض بر اساس کلیدهای وارد شده که به eventkey مربوط می‌شوند.string[][]
menuItemHeightارتفاع تمام آیتم‌های منوstring | number40
onSelectبازخورد زمانی که آیتم منو انتخاب می‌شود(e: MouseEvent, eventKey: string) => void-
sideCollapsedآیا منو به صورت جانبی فشرده شود؟booleanfalse
variantنوع‌های مختلف منو.'light' | 'dark' | 'themed' | 'transparent''light'
گسترش منو (Menu.MenuCollapse)
ویژگیتوضیحاتنوعپیش‌فرض
activeآیا آیتم منوی قابل گسترش برجسته شود؟booleantrue
eventKeyمقدار منحصر به فرد برای آیتم منوی قابل گسترشstring-
expandedآیا آیتم منوی قابل گسترش فعلی گسترش یابد؟booleanfalse
indentآیا باید آیتم‌های فرزند منو تو رفتگی داشته باشند؟booleantrue
labelمحتوای آیتم منوی قابل گسترشstring | ReactNode-
onToggleبازخورد زمانی که آیتم منوی قابل گسترش تغییر وضعیت می‌دهد(expanded: boolean, e: MouseEvent) => void-
گروه منو (Menu.MenuGroup)
ویژگیتوضیحاتنوعپیش‌فرض
labelمحتوای عنوان گروه منوی قابل گسترشstring | ReactNode-
آیتم منو (Menu.MenuItem)
ویژگیتوضیحاتنوعپیش‌فرض
asElementعنصر رندر شدهstring'div'
disabledآیا آیتم منو غیرفعال باشد؟boolean-
dotIndentآیا نقطه به عنوان پیشوند در آیتم منو نمایش داده شود؟boolean-
eventKeyمقدار منحصر به فرد برای آیتم منوboolean-
isActiveآیا آیتم منو فعال باشد؟boolean-
menuItemHeightارتفاع آیتم منوstring | number40
onSelectبازخورد زمانی که آیتم منو انتخاب می‌شود(eventKey: string, e: MouseEvent) => void40
فهرست مطالب
  • ساده (Simple)
  • آیتم منوی قابل گسترش (Collapsable menu item)
  • گروه منو (Menu group)
  • با آیکون (With icon)
  • آیتم منوی غیرفعال (Disabled menu item)
  • فعال پیش‌فرض (Default active)
  • گسترش پیش‌فرض (Default expand)