release: WRNexusJS 0.2.54
This commit is contained in:
@@ -0,0 +1,12 @@
|
||||
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>
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user