mvad@frontend-library

# Demo

# Source Code

 




























<template>
  <div>
    <b-navbar
      :type="type"
      :fixed="fixed"
      toggleable="lg"
      :class="navbarOpaque ? 'navbar--opaque' : ''"
    >
      <b-container class="navbar__container">
        <b-navbar-brand
          to="/"
          class="brand"
        >
          {{ brandName }}
        </b-navbar-brand>

        <b-navbar-toggle target="nav-collapse" />

        <b-collapse
          id="nav-collapse"
          class="nav-menu"
          is-nav
        >
          <main-menu :menu="menu"/>
        </b-collapse>
      </b-container>
    </b-navbar>
  </div>
</template>

# slots

...

# props

 






props: {
  menu: { type: Object },
  type: { type: String, default: '' },
  fixed: { type: String, default: '' },
  brandName: { type: String, default: '' },
  headline: { type: String, default: '' }
},
...

← PageHeader →