vue-quick-menu is an easy-to-use, cross-platform radial hamburger navigation component of Vue.js. It can be used on both PC and mobile.
fixed scrollable sidebar menu with a content overlay, circular navigation menu, toggle menu animation css, pure css radial menu, navbar transparent to solid on scroll
How to make use of it:
Install & Download:
npm install vue-quick-menu --save
Usage
<quick-menu :menu-count=count :icon-class=icons :menu-url-list=list></quick-menu>
import Vue from 'vue'
import quickMenu from 'vue-quick-menu'
export default {
...
components: {
quickMenu
},
...
}
Props
| Name | Required | Default | Type | Description |
|---|---|---|---|---|
| menuCount | true | 4 | Number | The number of menu item |
| menuUrlList | true | – | Array | An array of link of each menu item |
| iconClass | true | – | Array | An array of icon class of each menu item |
| position | false | top-left | top-left,top-right,bottom-left,bottom-right | The position of quick menu |
| backgroundColor | false | #009dc7 | String | The background color of quick menu |
| color | false | #ffffff | String | The color of quick menu icon |
| isOpenNewTab | false | false | Boolean | If the menu will open a new tab after click |
Radial Hamburger Navigation Component, vue-quick-menu Plugin/Github
See Demo And Download
Official Website(AshleyLv): Click Here
This superior jQuery/javascript plugin is developed by AshleyLv. For extra advanced usage, please go to the official website.
