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 |