1.0.18 • Published 6 years ago
sidebar-nav v1.0.18
sidebar-nav v1.0.18
Collapsible Sidebar Navigation
Installation
Using npm:
$ npm i --save sidebar-nav
Using yarn:
$ yarn add sidebar-nav
Usage
in app.js:
import SidebarNav from 'sidebar-nav';
then, to register it as a global component:
Vue.component('sidebar-nav', SidebarNav);
To use this component add a menu array to your root vue component:
e.g.
data: {
menu: [{
icon: 'fas fa-comment',
name: 'Messaging',
link: '/'
}, {
icon: 'fas fa-users',
name: 'Families',
link: '/'
}, {
icon: 'fas fa-user',
name: 'Contacts',
link: '/'
}]
}
Then use the component like this:
<sidebar-nav :menu="menu" side="right" sidebar-top="100px"></sidebar-nav>
1.0.18
6 years ago
1.0.17
6 years ago
1.0.16
6 years ago
1.0.15
6 years ago
1.0.14
6 years ago
1.0.13
6 years ago
1.0.12
6 years ago
1.0.11
6 years ago
1.0.10
6 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago