vue-sidebar-component
v1.0.0
Published
Sidebar for Vue 1.x
Downloads
8
Readme
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 exposesVueSidebar
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