| OLD | NEW |
| (Empty) |
| 1 | |
| 2 <!--- | |
| 3 | |
| 4 This README is automatically generated from the comments in these files: | |
| 5 paper-menu-button-animations.html paper-menu-button.html | |
| 6 | |
| 7 Edit those files, and our readme bot will duplicate them over here! | |
| 8 Edit this file, and the bot will squash your changes :) | |
| 9 | |
| 10 --> | |
| 11 | |
| 12 [](https://travis-ci.org/PolymerElements/paper-menu-button) | |
| 13 | |
| 14 _[Demo and API Docs](https://elements.polymer-project.org/elements/paper-menu-bu
tton)_ | |
| 15 | |
| 16 | |
| 17 ##<paper-menu-button> | |
| 18 | |
| 19 | |
| 20 Material design: [Dropdown buttons](https://www.google.com/design/spec/component
s/buttons.html#buttons-dropdown-buttons) | |
| 21 | |
| 22 `paper-menu-button` allows one to compose a designated "trigger" element with | |
| 23 another element that represents "content", to create a dropdown menu that | |
| 24 displays the "content" when the "trigger" is clicked. | |
| 25 | |
| 26 The child element with the class `dropdown-trigger` will be used as the | |
| 27 "trigger" element. The child element with the class `dropdown-content` will be | |
| 28 used as the "content" element. | |
| 29 | |
| 30 The `paper-menu-button` is sensitive to its content's `iron-select` events. If | |
| 31 the "content" element triggers an `iron-select` event, the `paper-menu-button` | |
| 32 will close automatically. | |
| 33 | |
| 34 Example: | |
| 35 | |
| 36 <paper-menu-button> | |
| 37 <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-butto
n> | |
| 38 <paper-menu class="dropdown-content"> | |
| 39 <paper-item>Share</paper-item> | |
| 40 <paper-item>Settings</paper-item> | |
| 41 <paper-item>Help</paper-item> | |
| 42 </paper-menu> | |
| 43 </paper-menu-button> | |
| 44 | |
| 45 ### Styling | |
| 46 | |
| 47 The following custom properties and mixins are also available for styling: | |
| 48 | |
| 49 Custom property | Description | Default | |
| 50 ----------------|-------------|---------- | |
| 51 `--paper-menu-button-dropdown-background` | Background color of the paper-menu-b
utton dropdown | `#fff` | |
| 52 `--paper-menu-button` | Mixin applied to the paper-menu-button | `{}` | |
| 53 `--paper-menu-button-disabled` | Mixin applied to the paper-menu-button when dis
abled | `{}` | |
| 54 `--paper-menu-button-dropdown` | Mixin applied to the paper-menu-button dropdown
| `{}` | |
| 55 `--paper-menu-button-content` | Mixin applied to the paper-menu-button content |
`{}` | |
| 56 | |
| 57 | |
| 58 | |
| 59 <!-- No docs for <paper-menu-grow-height-animation> found. --> | |
| 60 | |
| 61 <!-- No docs for <paper-menu-grow-width-animation> found. --> | |
| 62 | |
| 63 <!-- No docs for <paper-menu-shrink-height-animation> found. --> | |
| 64 | |
| 65 <!-- No docs for <paper-menu-shrink-width-animation> found. --> | |
| OLD | NEW |