Menu

Menu

Basic Menu

A simple context menu with items and icons.


      <.menu>
      <.menu_item>
      <:icon><Icons.icon_btn_channel_list class="w-[16px] h-[16px]" /></:icon>
      Channel List
      </.menu_item>
      </.menu>
    
With Separators

Menu items grouped by separators.


      <.menu_item>
      <:icon><Icons.icon_btn_find class="w-[16px] h-[16px]" /></:icon>
      Find
      </.menu_item>
      <.menu_separator />
      <.menu_item>
      <:icon><Icons.icon_btn_address_book class="w-[16px] h-[16px]" /></:icon>
      Address Book
      </.menu_item>
    
With Shortcuts

Menu items with keyboard shortcut hints.


      <.menu_item>
      <:icon><Icons.icon_copy class="w-[16px] h-[16px]" /></:icon>
      Copy
      <:shortcut>Ctrl+C</:shortcut>
      </.menu_item>
    
Disabled Items

Some menu items can be disabled.


      <.menu_item disabled>
      <:icon><Icons.icon_btn_save class="w-[16px] h-[16px]" /></:icon>
      Save As...
      </.menu_item>
    
Platform-Style Tools Menu

Replicating the platform's Tools dropdown menu with icons.

Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)