nav.navbar
.navbar-brand
router-link.navbar-item(to="/")
| Home
a.navbar-burger.burger(role="button" :class="{'is-active': isActive}" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample" @click="toggleActive")
span(aria-hidden="true")
span(aria-hidden="true")
span(aria-hidden="true")
transition(name="fade")
.navbar-menu(:class="{'is-active': isActive}")
.navbar-start
router-link.navbar-item(to="/sample" @click.native="toggleActive(false)") Sample
.navbar-end
router-link.navbar-item(to="/docs/forms/basic" @click.native="toggleActive(false)") Basic
router-link.navbar-item(to="/docs/forms/wizard" @click.native="toggleActive(false)") Wizard
.navbar-item.has-dropdown(:class="{'is-hoverable': isPastThreshold}")
router-link.navbar-link(to="/docs/fields" @click.native="toggleActive(false)") Formidable Fields
.navbar-dropdown.is-boxed
router-link.navbar-item(
v-for="link in FORM_FIELD_NAVBAR_LINKS"
:key="link.to"
:to="link.to"
@click.native="toggleActive(false)"
) {{link.text}}
router-link.navbar-item(to="/docs/state" @click.native="toggleActive(false)") State