Live Demo ↗

<vaadin-context-menu> is a Polymer element providing a contextual menu, part of the Vaadin Core Elements.

<vaadin-context-menu>
  <template>
    <paper-menu>
      <paper-item>First menu item</paper-item>
      <paper-item>Second menu item</paper-item>
    </paper-menu>
  </template>

  <p>This paragraph has the context menu provided in the above template.</p>
  <p>Another paragraph with the context menu.</p>
</vaadin-context-menu>

1. Fork the vaadin-context-menu repository and clone it locally.

2. Make sure you have npm installed.

3. When in the vaadin-context-menu directory, run npm install to install dependencies.

1. Install polyserve: npm install -g polyserve

2. When in the vaadin-context-menu directory, run polyserve --open, browser will automatically open the component API documentation.

3. You can also open demo or in-browser tests by adding demo or test to the URL, for example:

• http://127.0.0.1:8080/components/vaadin-context-menu/demo
• http://127.0.0.1:8080/components/vaadin-context-menu/test

1. Install web-component-tester: npm install -g web-component-tester

2. When in the vaadin-context-menu directory, run wct or npm test

We are using ESLint for linting JavaScript code. You can check if your code is following our standards by running gulp lint, which will automatically lint all .js files as well as JavaScript snippets inside .html files.

• Make sure your code is compliant with our code linters: gulp lint
• Check that tests are passing: npm test
• Submit a pull request with detailed title and description
• Wait for response from one of Vaadin Elements team members

Apache License 2.0