vaadin-dropdown-menu
Customizable Web Component for dropdown menus. Part of the Vaadin components.
<vaadin-dropdown-menu>
<vaadin-dropdown-menu> is a Web Component similar to a native browser select element, part of the Vaadin components.
Example Usage
<vaadin-dropdown-menu label="Label" placeholder="Placeholder" value="Option one">
<template>
<vaadin-list-box>
<vaadin-item>Option one</vaadin-item>
<vaadin-item>Option two</vaadin-item>
<vaadin-item>Option three</vaadin-item>
<hr>
<vaadin-item disabled>Option four</vaadin-item>
</vaadin-list-box>
</template>
</vaadin-dropdown-menu>
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
polymer#^2.0.0
- iron-media-query#^2.0.0
- vaadin/vaadin-control-state-mixin#^2.1.1
- vaadin/vaadin-themable-mixin#^1.3.2
- vaadin/vaadin-text-field#^2.1.1
- vaadin/vaadin-overlay#^3.2.0-alpha3
- vaadin/vaadin-lumo-styles#^1.1.0
- vaadin/vaadin-material-styles#^1.1.0
- vaadin/vaadin-element-mixin#^2.0.0
- Released
- 2018-10-04
- Maturity
- IMPORTED
- License
- Apache License 2.0
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
vaadin-dropdown-menu - Vaadin Add-on Directory
Customizable Web Component for dropdown menus. Part of the Vaadin components.
](https://vaadin.com/components/vaadin-dropdown-menu)
## Example Usage
```html
GitHub Homepage
Issue tracker
vaadin-dropdown-menu version 1.0.0-alpha1
### Dependencies
polymer#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^1.1.0
* vaadin-overlay#^1.4.1
vaadin-dropdown-menu version 1.0.0-alpha2
### Dependencies
polymer#^2.0.0
* vaadin/vaadin-control-state-mixin#^1.0.1
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^1.1.0
* vaadin-overlay#^1.4.1
vaadin-dropdown-menu version 1.0.0-alpha3
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^1.0.1
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^1.1.0
* vaadin-overlay#^1.4.1
vaadin-dropdown-menu version 1.0.0-alpha4
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^1.0.1
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^1.1.0
* vaadin-overlay#^1.4.1
vaadin-dropdown-menu version 1.0.0-alpha5
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0-alpha1
* vaadin-overlay#^2.0.0
* vaadin-valo-theme#^2.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-alpha6
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-valo-styles#^2.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-alpha7
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-valo-styles#^2.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-alpha8
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-alpha9
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-alpha10
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-beta1
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-beta2
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-beta3
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^2.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0-beta4
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^3.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.0.0
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^3.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.1.0-alpha1
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.1.0
* vaadin-overlay#^3.1.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-material-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.1.0-alpha2
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.0
* vaadin/vaadin-themable-mixin#^1.2.0
* vaadin/vaadin-text-field#^2.1.0
* vaadin/vaadin-overlay#^3.1.0
* vaadin/vaadin-lumo-styles#^1.1.0
* vaadin/vaadin-material-styles#^1.1.0
* vaadin/vaadin-element-mixin#^1.1.0
vaadin-dropdown-menu version p3-preview
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.0
* vaadin/vaadin-themable-mixin#^1.2.0
* vaadin/vaadin-text-field#^2.1.0
* vaadin/vaadin-overlay#^3.1.0
* vaadin/vaadin-lumo-styles#^1.1.0
* vaadin/vaadin-material-styles#^1.1.0
* vaadin/vaadin-element-mixin#^1.1.0
vaadin-dropdown-menu version 1.1.0-beta1
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.1
* vaadin/vaadin-themable-mixin#^1.2.1
* vaadin/vaadin-text-field#^2.1.0-beta1
* vaadin/vaadin-overlay#^3.1.0-beta1
* vaadin/vaadin-lumo-styles#^1.1.0-beta1
* vaadin/vaadin-material-styles#^1.1.0-beta1
* vaadin/vaadin-element-mixin#^1.1.2
vaadin-dropdown-menu version 1.1.0-beta2
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.1
* vaadin/vaadin-themable-mixin#^1.2.1
* vaadin/vaadin-text-field#^2.1.0-beta2
* vaadin/vaadin-overlay#^3.1.0-beta2
* vaadin/vaadin-lumo-styles#^1.1.0-beta1
* vaadin/vaadin-material-styles#^1.1.0-beta1
* vaadin/vaadin-element-mixin#^1.1.2
vaadin-dropdown-menu version 1.0.1
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.0.0
* vaadin-themable-mixin#^1.1.3
* vaadin-text-field#^2.0.0
* vaadin-overlay#^3.0.0
* vaadin/vaadin-lumo-styles#^1.0.0
* vaadin/vaadin-element-mixin#^1.0.1
vaadin-dropdown-menu version 1.1.0
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.1
* vaadin/vaadin-themable-mixin#^1.2.1
* vaadin/vaadin-text-field#^2.1.1
* vaadin/vaadin-overlay#^3.1.1
* vaadin/vaadin-lumo-styles#^1.1.0
* vaadin/vaadin-material-styles#^1.1.0
* vaadin/vaadin-element-mixin#^2.0.0
vaadin-dropdown-menu version 1.2.0-alpha1
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.1
* vaadin/vaadin-themable-mixin#^1.2.1
* vaadin/vaadin-text-field#^2.1.1
* vaadin/vaadin-overlay#^3.2.0-alpha2
* vaadin/vaadin-lumo-styles#^1.1.0
* vaadin/vaadin-material-styles#^1.1.0
* vaadin/vaadin-element-mixin#^2.0.0
vaadin-dropdown-menu version 1.2.0-alpha2
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.1
* vaadin/vaadin-themable-mixin#^1.3.2
* vaadin/vaadin-text-field#^2.1.1
* vaadin/vaadin-overlay#^3.2.0-alpha3
* vaadin/vaadin-lumo-styles#^1.1.0
* vaadin/vaadin-material-styles#^1.1.0
* vaadin/vaadin-element-mixin#^2.0.0
vaadin-dropdown-menu version 1.2.0-beta1
### Dependencies
polymer#^2.0.0
* iron-media-query#^2.0.0
* vaadin/vaadin-control-state-mixin#^2.1.1
* vaadin/vaadin-themable-mixin#^1.3.2
* vaadin/vaadin-text-field#^2.1.1
* vaadin/vaadin-overlay#^3.2.0-alpha3
* vaadin/vaadin-lumo-styles#^1.1.0
* vaadin/vaadin-material-styles#^1.1.0
* vaadin/vaadin-element-mixin#^2.0.0