24.7.0 • Published 4 months ago

@vaadin/context-menu v24.7.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
4 months ago

@vaadin/context-menu

A web component that can be attached to any component to display a context menu.

Documentation + Live Demo ↗

npm version

<vaadin-context-menu>
  <span>Open a context menu with <b>right click</b> or with <b>long touch.</b></span>
</vaadin-context-menu>

<script>
  const contextMenu = document.querySelector('vaadin-context-menu');
  contextMenu.renderer = function (root) {
    let listBox = root.firstElementChild;
    // Check if there is a list-box generated with the previous renderer call to update its content instead of recreation
    if (listBox) {
      listBox.innerHTML = '';
    } else {
      listBox = document.createElement('vaadin-list-box');
      root.appendChild(listBox);
    }

    ['First', 'Second', 'Third'].forEach(function (name) {
      const item = document.createElement('vaadin-item');
      item.textContent = name + ' menu item';
      listBox.appendChild(item);
    });
  };
</script>

Note: <vaadin-list-box> component used in the above example should be installed and imported separately.

Installation

Install the component:

npm i @vaadin/context-menu

Once installed, import the component in your application:

import '@vaadin/context-menu';

Themes

Vaadin components come with two built-in themes, Lumo and Material. The main entrypoint of the package uses the Lumo theme.

To use the Material theme, import the component from the theme/material folder:

import '@vaadin/context-menu/theme/material/vaadin-context-menu.js';

You can also import the Lumo version of the component explicitly:

import '@vaadin/context-menu/theme/lumo/vaadin-context-menu.js';

Finally, you can import the un-themed component from the src folder to get a minimal starting point:

import '@vaadin/context-menu/src/vaadin-context-menu.js';

License

Apache License 2.0

Vaadin collects usage statistics at development time to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.

24.8.0-alpha2

4 months ago

24.8.0-alpha1

4 months ago

24.8.0-alpha3

4 months ago

24.5.12

4 months ago

24.7.0

4 months ago

24.6.7

4 months ago

24.7.0-rc2

4 months ago

24.7.0-rc1

4 months ago

24.5.11

4 months ago

24.6.6

4 months ago

24.7.0-beta1

4 months ago

24.7.0-alpha10

4 months ago

24.5.10

5 months ago

24.6.5

5 months ago

24.7.0-alpha9

5 months ago

24.5.8

5 months ago

24.5.9

5 months ago

24.6.4

5 months ago

24.6.3

5 months ago

24.7.0-alpha8

5 months ago

23.5.12

5 months ago

24.7.0-alpha6

5 months ago

24.7.0-alpha7

5 months ago

24.5.7

6 months ago

24.6.2

6 months ago

24.4.18

6 months ago

24.7.0-alpha5

6 months ago

24.6.1

6 months ago

24.7.0-alpha4

6 months ago

24.7.0-alpha3

6 months ago

24.7.0-alpha2

7 months ago

24.5.6

7 months ago

24.6.0

7 months ago

24.4.17

7 months ago

24.7.0-alpha1

7 months ago

23.5.11

7 months ago

24.5.5

7 months ago

24.4.16

7 months ago

23.5.10

7 months ago

24.6.0-rc1

7 months ago

23.5.9

7 months ago

24.5.4

7 months ago

24.4.15

7 months ago

24.6.0-beta1

7 months ago

24.6.0-alpha9

8 months ago

23.5.8

8 months ago

24.5.3

8 months ago

24.5.2

8 months ago

24.4.14

8 months ago

24.4.13

8 months ago

24.6.0-alpha8

8 months ago

24.6.0-alpha7

8 months ago

24.6.0-alpha6

8 months ago

24.6.0-alpha5

8 months ago

24.6.0-alpha4

8 months ago

24.6.0-alpha3

8 months ago

24.4.12

8 months ago

24.5.1

8 months ago

23.5.7

9 months ago

24.5.0

9 months ago

24.5.0-rc2

9 months ago

24.5.0-rc1

9 months ago

23.5.6

9 months ago

24.6.0-alpha2

9 months ago

24.6.0-alpha1

9 months ago

24.4.11

9 months ago

24.4.10

9 months ago

23.5.5

9 months ago

23.5.4

10 months ago

24.4.9

10 months ago

24.4.8

10 months ago

24.4.7

10 months ago

24.5.0-alpha11

10 months ago

24.5.0-alpha10

10 months ago

24.5.0-beta1

10 months ago

24.3.21

10 months ago

24.3.22

10 months ago

24.5.0-alpha9

10 months ago

24.4.6

10 months ago

24.3.20

10 months ago

24.5.0-alpha8

11 months ago

24.5.0-alpha7

11 months ago

24.3.19

11 months ago

24.4.5

11 months ago

24.5.0-alpha6

11 months ago

23.4.2

1 year ago

24.3.16

12 months ago

24.3.17

12 months ago

24.3.18

12 months ago

23.5.3

12 months ago

23.5.2

1 year ago

24.3.14

1 year ago

24.3.15

12 months ago

24.5.0-alpha5

12 months ago

24.5.0-alpha4

12 months ago

24.4.1

12 months ago

24.4.4

12 months ago

24.4.3

12 months ago

24.4.2

12 months ago

24.4.0

1 year ago

24.4.0-rc1

1 year ago

24.4.0-rc3

1 year ago

24.4.0-rc2

1 year ago

24.5.0-alpha1

1 year ago

24.5.0-alpha3

1 year ago

24.5.0-alpha2

1 year ago

24.3.13

1 year ago

24.4.0-beta3

1 year ago

24.4.0-beta2

1 year ago

24.3.12

1 year ago

24.4.0-beta1

1 year ago

24.4.0-alpha23

1 year ago

23.4.1

1 year ago

23.5.1

1 year ago

24.3.11

1 year ago

23.3.32

1 year ago

24.4.0-alpha22

1 year ago

24.4.0-alpha21

1 year ago

23.5.0

1 year ago

24.4.0-alpha20

1 year ago

24.4.0-alpha19

1 year ago

23.5.0-alpha1

1 year ago

24.3.10

1 year ago

24.4.0-alpha18

1 year ago

24.3.9

1 year ago

24.4.0-alpha17

1 year ago

24.2.9

1 year ago

24.3.8

1 year ago

24.2.8

1 year ago

23.3.31

1 year ago

24.4.0-alpha16

1 year ago

23.4.0

1 year ago

23.4.0-beta1

1 year ago

24.4.0-alpha15

1 year ago

24.3.7

1 year ago

24.4.0-alpha14

1 year ago

23.4.0-alpha4

1 year ago

24.2.7

1 year ago

24.4.0-alpha13

1 year ago

24.3.6

1 year ago

24.4.0-alpha12

1 year ago

24.4.0-alpha11

1 year ago

24.3.5

1 year ago

24.4.0-alpha10

1 year ago

24.4.0-alpha9

1 year ago

24.4.0-alpha8

1 year ago

24.4.0-alpha7

1 year ago

24.3.4

1 year ago

24.4.0-alpha6

1 year ago

24.4.0-alpha5

1 year ago

23.4.0-alpha3

1 year ago

24.4.0-alpha4

1 year ago

24.3.3

1 year ago

24.4.0-alpha3

1 year ago

23.3.30

1 year ago

24.4.0-alpha2

1 year ago

24.3.2

2 years ago

24.2.6

2 years ago

24.4.0-alpha1

2 years ago

24.3.1

2 years ago

24.3.0

2 years ago

24.3.0-rc2

2 years ago

24.2.0-alpha13

2 years ago

24.2.0-alpha2

2 years ago

24.2.0-alpha12

2 years ago

24.2.0-alpha11

2 years ago

24.2.0-alpha4

2 years ago

24.2.0-alpha10

2 years ago

24.2.0-alpha3

2 years ago

24.2.0-alpha6

2 years ago

24.2.0-alpha16

2 years ago

24.2.0-alpha5

2 years ago

24.2.0-alpha15

2 years ago

23.3.21

2 years ago

24.2.0-alpha8

2 years ago

24.2.0-alpha14

2 years ago

23.3.20

2 years ago

24.2.0-alpha7

2 years ago

23.3.23

2 years ago

23.3.22

2 years ago

23.3.25

2 years ago

23.3.24

2 years ago

23.3.27

2 years ago

23.3.26

2 years ago

23.3.29

2 years ago

23.3.28

2 years ago

23.3.18

2 years ago

23.3.17

2 years ago

23.3.19

2 years ago

23.4.0-alpha2

2 years ago

23.4.0-alpha1

2 years ago

24.2.3

2 years ago

24.2.2

2 years ago

24.2.1

2 years ago

24.2.0

2 years ago

24.2.5

2 years ago

24.2.4

2 years ago

24.2.0-alpha9

2 years ago

24.1.15

2 years ago

24.1.14

2 years ago

24.1.11

2 years ago

24.1.10

2 years ago

24.1.13

2 years ago

24.1.12

2 years ago

24.3.0-alpha1

2 years ago

24.3.0-alpha2

2 years ago

24.3.0-alpha3

2 years ago

24.3.0-alpha4

2 years ago

24.3.0-alpha5

2 years ago

24.3.0-alpha6

2 years ago

24.3.0-alpha7

2 years ago

24.3.0-alpha8

2 years ago

24.3.0-alpha9

2 years ago

24.3.0-beta1

2 years ago

24.3.0-beta2

2 years ago

24.0.14

2 years ago

24.0.13

2 years ago

24.0.10

2 years ago

24.0.12

2 years ago

24.0.11

2 years ago

24.2.0-rc1

2 years ago

24.1.9

2 years ago

24.3.0-alpha11

2 years ago

24.3.0-alpha10

2 years ago

24.1.4

2 years ago

24.1.3

2 years ago

24.1.2

2 years ago

24.2.0-beta2

2 years ago

24.1.8

2 years ago

24.2.0-beta1

2 years ago

24.1.7

2 years ago

24.2.0-beta4

2 years ago

24.1.6

2 years ago

24.2.0-beta3

2 years ago

24.1.5

2 years ago

23.1.16

2 years ago

24.3.0-rc1

2 years ago

24.2.0-alpha1

2 years ago

23.3.14

2 years ago

23.3.16

2 years ago

23.3.15

2 years ago

24.1.0-rc1

2 years ago

24.1.0-beta3

2 years ago

24.1.0-beta2

2 years ago

24.1.0-beta1

2 years ago

24.1.1

2 years ago

24.1.0

2 years ago

22.1.0

2 years ago

24.1.0-alpha10

2 years ago

24.0.9

2 years ago

24.0.8

2 years ago

24.0.7

2 years ago

24.0.6

2 years ago

23.3.10

2 years ago

23.3.12

2 years ago

23.3.11

2 years ago

23.3.13

2 years ago

23.2.18

2 years ago

24.1.0-alpha3

2 years ago

24.1.0-alpha2

2 years ago

24.1.0-alpha1

2 years ago

24.1.0-alpha7

2 years ago

24.1.0-alpha6

2 years ago

24.1.0-alpha5

2 years ago

24.1.0-alpha4

2 years ago

24.1.0-alpha9

2 years ago

24.1.0-alpha8

2 years ago

22.0.23

2 years ago

22.1.0-alpha1

2 years ago

23.3.9

2 years ago

23.3.8

2 years ago

24.0.5

2 years ago

24.0.4

2 years ago

24.0.3

2 years ago

24.0.2

2 years ago

24.0.1

2 years ago

24.0.0-rc2

2 years ago

24.0.0

2 years ago

24.0.0-rc1

2 years ago

24.0.0-beta1

2 years ago

24.0.0-beta2

2 years ago

24.0.0-beta3

2 years ago

23.2.13

2 years ago

23.2.15

2 years ago

23.2.14

2 years ago

23.2.17

2 years ago

24.0.0-alpha11

2 years ago

24.0.0-alpha13

2 years ago

24.0.0-alpha12

2 years ago

23.3.5

2 years ago

23.3.4

2 years ago

23.3.7

2 years ago

23.3.6

2 years ago

24.0.0-alpha3

3 years ago

24.0.0-alpha4

3 years ago

24.0.0-alpha5

3 years ago

24.0.0-alpha6

3 years ago

24.0.0-alpha1

3 years ago

24.0.0-alpha2

3 years ago

23.1.9

3 years ago

23.3.0-alpha4

3 years ago

23.3.0-alpha3

3 years ago

23.3.0-alpha6

3 years ago

23.3.0-alpha5

3 years ago

23.3.0-alpha8

3 years ago

23.3.0-alpha7

3 years ago

23.2.4

3 years ago

23.2.6

3 years ago

23.2.5

3 years ago

23.2.8

3 years ago

23.2.7

3 years ago

23.2.11

3 years ago

23.2.10

3 years ago

23.2.12

2 years ago

23.2.9

3 years ago

23.3.0-rc1

3 years ago

24.0.0-alpha10

2 years ago

22.0.22

2 years ago

22.0.21

3 years ago

22.0.20

3 years ago

23.3.1

3 years ago

23.3.0

3 years ago

23.3.3

2 years ago

23.3.2

3 years ago

24.0.0-alpha7

3 years ago

24.0.0-alpha8

3 years ago

24.0.0-alpha9

2 years ago

23.3.0-beta2

3 years ago

23.3.0-beta1

3 years ago

23.1.11

3 years ago

23.1.12

3 years ago

23.1.10

3 years ago

23.1.15

3 years ago

23.1.13

3 years ago

23.1.14

3 years ago

23.2.2

3 years ago

23.2.1

3 years ago

23.2.3

3 years ago

22.0.19

3 years ago

22.0.18

3 years ago

23.2.0

3 years ago

23.2.0-beta2

3 years ago

23.2.0-beta3

3 years ago

23.2.0-beta1

3 years ago

23.2.0-alpha6

3 years ago

23.1.5

3 years ago

23.1.7

3 years ago

23.2.0-rc1

3 years ago

23.1.6

3 years ago

23.1.8

3 years ago

23.0.14

3 years ago

23.0.13

3 years ago

23.3.0-alpha2

3 years ago

23.3.0-alpha1

3 years ago

22.0.17

3 years ago

23.2.0-alpha3

3 years ago

23.2.0-alpha5

3 years ago

23.2.0-alpha4

3 years ago

23.1.3

3 years ago

23.1.4

3 years ago

23.0.12

3 years ago

22.0.16

3 years ago

23.1.0-rc3

3 years ago

23.2.0-alpha2

3 years ago

23.2.0-alpha1

3 years ago

23.1.2

3 years ago

23.0.11

3 years ago

23.1.1

3 years ago

23.1.0

3 years ago

23.0.6

3 years ago

23.0.8

3 years ago

23.0.7

3 years ago

22.0.15

3 years ago

23.0.9

3 years ago

23.1.0-alpha3

3 years ago

23.1.0-alpha4

3 years ago

23.1.0-alpha2

3 years ago

22.0.14

3 years ago

22.0.13

3 years ago

23.1.0-rc1

3 years ago

23.1.0-rc2

3 years ago

23.0.10

3 years ago

23.1.0-beta1

3 years ago

23.1.0-beta2

3 years ago

23.1.0-beta3

3 years ago

23.1.0-beta4

3 years ago

23.0.4

3 years ago

23.0.3

3 years ago

23.0.5

3 years ago

23.1.0-alpha1

3 years ago

23.0.2

3 years ago

23.0.1

3 years ago

22.0.12

3 years ago

22.0.9

3 years ago

22.0.11

3 years ago

22.0.8

3 years ago

22.0.10

3 years ago

22.0.7

3 years ago

22.0.6

3 years ago

23.0.0-beta5

3 years ago

23.0.0-beta4

3 years ago

23.0.0

3 years ago

23.0.0-beta3

3 years ago

22.0.5

3 years ago

23.0.0-rc1

3 years ago

23.0.0-alpha4

3 years ago

23.0.0-alpha5

3 years ago

23.0.0-alpha2

4 years ago

23.0.0-alpha3

3 years ago

23.0.0-beta2

3 years ago

23.0.0-beta1

3 years ago

22.0.3

3 years ago

22.0.2

4 years ago

22.0.4

3 years ago

22.0.1

4 years ago

22.0.0-beta2

4 years ago

22.0.0

4 years ago

23.0.0-alpha1

4 years ago

22.0.0-rc1

4 years ago

22.0.0-beta1

4 years ago

22.0.0-alpha10

4 years ago

22.0.0-alpha9

4 years ago

22.0.0-alpha8

4 years ago

22.0.0-alpha7

4 years ago