fixup! fixup! fixup! fixup! fixup! Add Menu component

app/views/components/examples/menus/horizontal_component.rb

@@ -0,0 +1,31 @@
+module Examples
+  module Menus
+    class HorizontalComponent < Base
+      def title
+        "Horizontal menu"
+      end
+
+      def example
+        Menu :horizontal, :base_200 do |menu|
+          menu.item do
+            a do
+              "Item 1"
+            end
+          end
+
+          menu.item do
+            a do
+              "Item 2"
+            end
+          end
+
+          menu.item do
+            a do
+              "Item 3"
+            end
+          end
+        end
+      end
+    end
+  end
+end

app/views/components/examples/menus/horizontal_submenu_component.rb

@@ -0,0 +1,45 @@
+module Examples
+  module Menus
+    class HorizontalSubmenuComponent < Base
+      def title
+        "Horizontal submenu"
+      end
+
+      def example
+        Menu :horizontal, :base_200 do |menu|
+          menu.item do
+            a do
+              "Item 1"
+            end
+          end
+
+          menu.item do |item|
+            item.title do
+              "Parent"
+            end
+
+            item.submenu do |submenu|
+              submenu.item do
+                a do
+                  "Submenu 1"
+                end
+              end
+
+              submenu.item do
+                a do
+                  "Submenu 2"
+                end
+              end
+            end
+          end
+
+          menu.item do
+            a do
+              "Item 3"
+            end
+          end
+        end
+      end
+    end
+  end
+end

app/views/components/examples/menus/mega_menu_with_submenu_responsive_component.rb

@@ -0,0 +1,45 @@
+module Examples
+  module Menus
+    class MegaMenuWithSubmenuResponsiveComponent < Base
+      def title
+        "Mega menu with submenu (responsive)"
+      end
+
+      def example
+        Menu :horizontal, :base_200, xl: :horizontal, class: "rounded-box lg:min-w-max" do |menu|
+          menu.item do
+            a do
+              "Item 1"
+            end
+          end
+
+          menu.item do |item|
+            item.title do
+              "Parent"
+            end
+
+            item.submenu do |submenu|
+              submenu.item do
+                a do
+                  "Submenu 1"
+                end
+              end
+
+              submenu.item do
+                a do
+                  "Submenu 2"
+                end
+              end
+            end
+          end
+
+          menu.item do
+            a do
+              "Item 3"
+            end
+          end
+        end
+      end
+    end
+  end
+end

app/views/examples/menus/show_view.rb

@@ -24,7 +24,10 @@ def view_template
           CombinedComponent,
           CollapsibleSubMenuComponent,
           FileTreeComponent,
-          WithActiveItemComponent
+          WithActiveItemComponent,
+          HorizontalComponent,
+          HorizontalSubmenuComponent,
+          MegaMenuWithSubmenuResponsiveComponent
         ]
       end
     end