PhxShadcn

Menubar

Basic menubar with File and Edit Open in playground 
<.menubar id="menubar-single-default">
  <.menubar_menu>
    <.menubar_trigger>File</.menubar_trigger>
    <.menubar_content>
      <.menubar_item>
        New Tab <.menubar_shortcut>⌘T</.menubar_shortcut>
      </.menubar_item>
      <.menubar_item>
        New Window <.menubar_shortcut>⌘N</.menubar_shortcut>
      </.menubar_item>
      <.menubar_separator />
      <.menubar_item>
        Print... <.menubar_shortcut>⌘P</.menubar_shortcut>
      </.menubar_item>
    </.menubar_content>
  </.menubar_menu>
  <.menubar_menu>
    <.menubar_trigger>Edit</.menubar_trigger>
    <.menubar_content>
      <.menubar_item>Undo <.menubar_shortcut>⌘Z</.menubar_shortcut></.menubar_item>
      <.menubar_item>Redo <.menubar_shortcut>⇧⌘Z</.menubar_shortcut></.menubar_item>
      <.menubar_separator />
      <.menubar_item>Cut</.menubar_item>
      <.menubar_item>Copy</.menubar_item>
      <.menubar_item>Paste</.menubar_item>
    </.menubar_content>
  </.menubar_menu>
</.menubar>
With a nested sub-menu Open in playground 
<.menubar id="menubar-single-with-sub-menu">
  <.menubar_menu>
    <.menubar_trigger>File</.menubar_trigger>
    <.menubar_content>
      <.menubar_item>New Tab</.menubar_item>
      <.menubar_separator />
      <.menubar_sub>
        <.menubar_sub_trigger>Share</.menubar_sub_trigger>
        <.menubar_sub_content>
          <.menubar_item>Email Link</.menubar_item>
          <.menubar_item>Messages</.menubar_item>
          <.menubar_item>Notes</.menubar_item>
        </.menubar_sub_content>
      </.menubar_sub>
      <.menubar_separator />
      <.menubar_item>Print...</.menubar_item>
    </.menubar_content>
  </.menubar_menu>
  <.menubar_menu>
    <.menubar_trigger>Edit</.menubar_trigger>
    <.menubar_content>
      <.menubar_item>Undo</.menubar_item>
      <.menubar_item>Redo</.menubar_item>
    </.menubar_content>
  </.menubar_menu>
</.menubar>
With disabled items Open in playground 
<.menubar id="menubar-single-disabled-items">
  <.menubar_menu>
    <.menubar_trigger>File</.menubar_trigger>
    <.menubar_content>
      <.menubar_item>New Tab</.menubar_item>
      <.menubar_item disabled>New Incognito Window</.menubar_item>
      <.menubar_separator />
      <.menubar_item>Print...</.menubar_item>
    </.menubar_content>
  </.menubar_menu>
  <.menubar_menu>
    <.menubar_trigger>Edit</.menubar_trigger>
    <.menubar_content>
      <.menubar_item>Undo</.menubar_item>
      <.menubar_item disabled>Redo</.menubar_item>
      <.menubar_separator />
      <.menubar_item>Cut</.menubar_item>
      <.menubar_item disabled>Paste</.menubar_item>
    </.menubar_content>
  </.menubar_menu>
</.menubar>