Complete and flexible sidebar, inspired by metronic

Install

npm i vue-sidebar-allin

How to

In any of your vue files:

JS:

import KTAside from 'vue-sidebar-allin'

export default {
  name: 'MyPage',
  components: {
    KTAside
  },
  data() {
    return {
      sidebar: [
        {
          name: "Dashboard",
          icon: "menu-icon flaticon2-architecture-and-city",
          href: "/dashboard"
        },
        {
          name: "Builder",
          icon: "menu-icon flaticon2-mail-1",
          href: "/builder"
        },
        {
          name: "Wizard",
          href: "#",
          icon: "menu-icon flaticon2-list-2",
          submenu: [
            {
              name: "Test",
              href: "/test"
            },
            {
              name: "Test2",
              href: "/test"
            }
          ]
        }
      ]
    };
  }
}

Template:

<template>
  <div>
    <KTAside :sidebar="sidebar" v-if="asideEnabled"></KTAside>
  </div>
</template>