منوی راست‌کلیک

import { ContextMenu, MenuItem, MenuSeparator } from "@kashi-ui/react";

نمونه

<ContextMenu label="عملیات فایل" menu={
<>
  <MenuItem onSelect={open}>باز کردن</MenuItem>
  <MenuItem shortcut="Ctrl+D" onSelect={copy}>کپی</MenuItem>
  <MenuSeparator />
  <MenuItem tone="danger" onSelect={remove}>حذف</MenuItem>
</>
}>
<FileCard tabIndex={0} />
</ContextMenu>

گزینه‌ها همان MenuItem، MenuSeparator و MenuLabel منوی کشویی‌اند. منو کنار نشانگر باز می‌شود و از لبهٔ صفحه بیرون نمی‌رود.

دسترس‌پذیری

راست‌کلیک برای کاربر کیبورد و صفحه‌خوان در دسترس نیست، پس منو با کلید ContextMenu یا Shift+F10 روی عنصر فوکوس‌شده هم باز می‌شود و این راهنما به ناحیه وصل است. همهٔ عمل‌های منو باید از راه دیگری (دکمه یا منوی کشویی) هم در دسترس باشند.