NavBar

This component allows you to create a nav bar. It contains a label for the app name and a dropdown menu with two options: System Health and Logout. It Also has an icon at left of the bar which is visible on mobile view that lets you show/hide the aside menu.

Example

NavBar

<nav-bar :app-name="appName" />

export default {
  name: 'App',
  data() {
    return {
      appName: this.$config.appName
    }
  }
}

Props

NameDescriptionTypeRequiredDefault
appNameThe App nameStringfalse""
logoutOnly-Booleanfalsefalse

Methods

MethodDescriptionParameters
menuToggleMobileUsed to show/hide the aside menu on mobile view-
menuNavBarToggleUsed to show/hide the nav bar menu on mobile view-
darkModeToggleUsed to toggle the dark theme-
logoutUsed to logout-