12 lines
550 B
Plaintext
12 lines
550 B
Plaintext
component MegaMenu {
|
|
props {
|
|
label = "Explore"
|
|
sections = []
|
|
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>
|
|
}
|
|
}
|