megamenu_sdc-1.0.x-dev/components/menu_menu/menu_menu.megamenu.story.yml

name: Megamenu with custom content
props:
  menu_id: main-menu
  menu_name: main
slots:
  items:
    - title: "Home"
      url: "/"
    - title: "About"
      url: "/about"
      megamenu: true
      below:
        - title: "Our History"
          url: "/about/history"
          below:
            - title: "Founding"
              url: "/about/history/founding"
            - title: "Growth" 
              url: "/about/history/growth"
        - title: "Our Mission"
          url: "/about/mission"
        - title: "Leadership Team"
          url: "/about/team"
    - title: "Services"
      url: "/services"
      megamenu: true
      content: |
        <div class="megamenu-custom-content">
          <h3 class="text-lg font-bold mb-2">Featured Services</h3>
          <div class="grid grid-cols-2 gap-4">
            <div>
              <h4 class="font-semibold">Consulting</h4>
              <p class="text-sm">Expert advice for your business</p>
            </div>
            <div>
              <h4 class="font-semibold">Development</h4>
              <p class="text-sm">Custom solutions built for you</p>
            </div>
          </div>
        </div>
    - title: "Contact"
      url: "/contact"