Need help with vue-menu?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

michitaro
240 Stars 22 Forks MIT License 137 Commits 12 Opened issues

Description

Menu/Contextmenu Component for vue2

Services available

!
?

Need anything else?

Contributors list

# 214,861
HTML
JavaScr...
Vue.js
135 commits

vue-menu

Introduction

Recent web technologies focus on mobile environments. UIs premised on mouse operation such as window, context-menu, nested-menu and so on are no longer mainstream. However hierarchical structure -- context-menu and nested-menu -- is still effective. This package is an implementation of {nested,context}-menu for PC environments as a Vue Component.

Working Demo

Features

  • Menu component for vue2
  • Deeply nested menu supported
  • Props "checked" & "disabled"
  • Keybinds
  • Y-scrollable if necessary
  • Contextmenu
  • Builtin 3 themes (white, metal & black)
  • Customizable color
  • Menuitem can contain any HTML not only text
  • Tested on Safari10, Chrome60, Firefox55, IE11, Edge38 for PCs
  • ~~Does not work on mobile devices 😞~~

Screenshot

Usage

Install

npm install --save @hscmap/vue-menu

Setup

ES6 / TypeScript

import Vue from 'vue'
import * as VueMenu from '@hscmap/vue-menu'

Vue.use(VueMenu)

CommonJS

var Vue = require('vue')
Vue.use(require('@hscmap/vue-menu'))

Example


Other examples are available here.

See also vue-window. This is a window UI component for vue2 with the same color themes.

Caveats

Contributing

Any comments, suggestions or PRs are welcome 😀

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.