paper-dropdown-menu is similar to a native browser select element.
paper-dropdown-menu works with selectable content. The currently selected
item is displayed in the control. If no item is selected, the
The child element with the class
dropdown-content will be used as the dropdown
menu. It could be a
paper-menu or element that triggers
selecting its children.
<paper-dropdown-menu label="Your favourite pastry"> <paper-menu class="dropdown-content"> <paper-item>Croissant</paper-item> <paper-item>Donut</paper-item> <paper-item>Financier</paper-item> <paper-item>Madeleine</paper-item> </paper-menu> </paper-dropdown-menu>
This example renders a dropdown menu with 4 options.
The following custom properties and mixins are also available for styling:
||A mixin that is applied to the element host||
||A mixin that is applied to the element host when disabled||
||A mixin that is applied to the internal ripple||
||A mixin that is applied to the internal menu button||
||A mixin that is applied to the internal paper input||
||A mixin that is applied to the internal icon||
You can also use any of the
style mixins and custom properties to style the internal input and menu button