13 lines
583 B
Plaintext
13 lines
583 B
Plaintext
component MobileNavigation {
|
|
props {
|
|
label = "Menu"
|
|
closeLabel = "Close menu"
|
|
items = []
|
|
class = ""
|
|
}
|
|
state open = false
|
|
view {
|
|
<div class="wire-mobile-nav {class}"><button type="button" class="wire-btn wire-btn--ghost" aria-expanded="{open}" aria-controls="wire-mobile-navigation" @click="open = !open">{open ? closeLabel : label}</button><nav id="wire-mobile-navigation" data-show="open" aria-label="Mobile navigation" class="wire-mobile-nav__panel"><ul>{#each items as item}<li><a href="{item.href}">{item.label}</a></li>{/each}</ul></nav></div>
|
|
}
|
|
}
|