Context Menu

Context Menu

Basic

Right-click context menu with icons and separator.


      <.context_menu id="my-menu" x=100 y=200>
      <.context_menu_item>
      <:icon><Icons.icon_tab_pm class="w-[14px] h-[14px]" /></:icon>
      Query (PM)
      </.context_menu_item>
      <.context_menu_separator />
      <.context_menu_item>Add to Contacts</.context_menu_item>
      </.context_menu>
    
Disabled Items

Items can be disabled to prevent interaction.


      <.context_menu_item disabled>
      <:icon><Icons.icon_camera class="w-[14px] h-[14px]" /></:icon>
      Video Call
      </.context_menu_item>
    
With Shortcuts

Items can display keyboard shortcut hints on the right side.


      <.context_menu_item>
      <:icon><Icons.icon_tab_pm class="w-[14px] h-[14px]" /></:icon>
      <:shortcut>Ctrl+Q</:shortcut>
      Query (PM)
      </.context_menu_item>
    
Group Labels

Non-interactive labels for grouping related items.

  • User Actions
  • Operator

      <.context_menu_label>User Actions</.context_menu_label>
      <.context_menu_item>Query (PM)</.context_menu_item>
      <.context_menu_separator />
      <.context_menu_label>Operator</.context_menu_label>
      <.context_menu_item>Kick</.context_menu_item>
    
Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)