Vue Sidebar Component

Intellectual property of Oneway.mobi

Notice

This component is not meant to meet all the business requirements
so diving into src/ to make it fits your needs is highly recommended

Example

See here, source in example.html

Suggest inspecting it with devtools

Requirement

• Vue 1.x
• Vue Router 0.7.x
• jQuery + BootStrap 3.x + Font Awesome 4.x (available globally)

Installation

npm i vue-sidebar-component -S

alternatively: <script src="dist/vue-sidebar-component.min.js"></script>
which exposes VueSidebar as a global variable

Usage

<sidebar main-title="Sidebar" sub-title="Example" :routes="routes"></sidebar>

props: {
  mainTitle: String,
  subTitle: String,
  routes: { type: Object, required: true }
}

routes configuration example (more in example.html):

'/': {
  title: 'Home',
  icon: 'fa fa-home',
  showInSidebar: true,
  component: {
    template: '<div>Home</div>'
  }
}

Build

npm run build

LICENSE

MIT