Press "Enter" to skip to content

Radial Hamburger Web Navigation Menu Component | vue-quick-menu

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

NameRequiredDefaultTypeDescription
menuCounttrue4NumberThe number of menu item
menuUrlListtrueArrayAn array of link of each menu item
iconClasstrueArrayAn array of icon class of each menu item
positionfalsetop-lefttop-left,top-right,bottom-left,bottom-rightThe position of quick menu
backgroundColorfalse#009dc7StringThe background color of quick menu
colorfalse#ffffffStringThe color of quick menu icon
isOpenNewTabfalsefalseBooleanIf 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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.