release: WRNexusJS 0.3.5

.publish/ui/components/MegaMenu.wrn

@@ -1,11 +1,17 @@
 component MegaMenu {
   props {
-    label = "Explore"
-    sections = []
+    size = "default"
+    color = "primary"
+    label = "Mega Menu"
+    items = []
+    active = ""
+    orientation = "horizontal"
     class = ""
   }
-  state open = false
   view {
-    <div class="wire-mega-menu {class}"><button type="button" class="wire-mega-menu__trigger" aria-expanded="{open}" @click="open = !open">{label}<span aria-hidden="true">⌄</span></button><div data-show="open" class="wire-mega-menu__panel">{#each sections as section}<section><h3>{section.title}</h3><ul>{#each section.items as item}<li><a href="{item.href}">{item.label}</a></li>{/each}</ul></section>{/each}</div></div>
+    <nav class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--mega-menu wire-next--{orientation} {class}" aria-label="{label}">
+      {#each items as item}<a href="{item.href}" aria-current="{item.value === active ? 'page' : ''}">{item.label}</a>{/each}
+      <slot />
+    </nav>
   }
 }