Vue.js Navigation Bar and Sidebar (Responsive)
Installation
npm install vuejs-navbar --save
How to use:
<script> import vNav from 'vuejs-navbar'; export default{ components:{ vNav } } </script> <style> body{ margin: 0px; padding: 0px; }</style>
Example:
<v-nav color="#f2f2f2" bg-color="#204051" hover-color="#f0a500" max-width="1236px" nav-logo="<strong>LOGO</strong>" :nav-items="[ {title: 'Home', routerLink: '/'}, {title: 'Contact', routerLink: '/contact'}, {title: 'Games', subtitle:[ {title : 'Game 1', routerLink: '/game/1'}, {title : 'Game 2', routerLink: '/game/2'}, {title : 'Game 3', routerLink: '/game/3'} ] }, {title: 'About', routerLink: '/about'}, {title: 'Games', subtitle:[ {title : 'Game 1', routerLink: '/game/1'}, {title : 'Game 2', routerLink: '/game/2'}, {title : 'Game 3', routerLink: '/game/3'} ] }, ]" :nav-end="[ {title: 'Search', routerLink: '/search'}, {title: 'Login', routerLink: '/login'}, ]" />
License
MIT