Directory

← Back

vaadin-dropdown-menu

Customizable Web Component for dropdown menus. Part of the Vaadin components.

Author

Rating

Popularity

<100

<vaadin-dropdown-menu>

Available in Vaadin_Directory

<vaadin-dropdown-menu> is a Web Component similar to a native browser select element, part of the Vaadin components.

Screenshot of vaadin-dropdown-menu

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>

Compatibility

(Loading compatibility data...)

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. vaadin-dropdown-menu - Vaadin Add-on Directory
# <vaadin-dropdown-menu> [![Available in Vaadin_Directory](https://img.shields.io/vaadin-directory/v/vaadinvaadin-dropdown-menu.svg)](https://vaadin.com/directory/component/vaadinvaadin-dropdown-menu) [<vaadin-dropdown-menu>](https://vaadin.com/components/vaadin-dropdown-menu) is a Web Component similar to a native browser select element, part of the [Vaadin components](https://vaadin.com/components). [Screenshot of vaadin-dropdown-menu](https://vaadin.com/components/vaadin-dropdown-menu) ## Example Usage ```html ```
Online Demo
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

Online