king
/
v811_spc009
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '70a66d9bf5'
${ noResults }
v811_spc009/external/chromium-trace/catapult/third_party/polymer/components/paper-menu-button
History
jianglk.darker 7ee447c011
v811_spc009_project 		7 months ago
..
demo v811_spc009_project 7 months ago
test v811_spc009_project 7 months ago
.bower.json v811_spc009_project 7 months ago
.travis.yml v811_spc009_project 7 months ago
CONTRIBUTING.md v811_spc009_project 7 months ago
README.md v811_spc009_project 7 months ago
bower.json v811_spc009_project 7 months ago
hero.svg v811_spc009_project 7 months ago
index.html v811_spc009_project 7 months ago
paper-menu-button-animations.html v811_spc009_project 7 months ago
paper-menu-button.html v811_spc009_project 7 months ago

README.md

Build status

Demo and API docs

##<paper-menu-button>

Material design: Dropdown buttons

paper-menu-button allows one to compose a designated "trigger" element with another element that represents "content", to create a dropdown menu that displays the "content" when the "trigger" is clicked.

The child element with the class dropdown-trigger will be used as the "trigger" element. The child element with the class dropdown-content will be used as the "content" element.

The paper-menu-button is sensitive to its content's iron-select events. If the "content" element triggers an iron-select event, the paper-menu-button will close automatically.

Example:

<paper-menu-button>
  <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
  <paper-menu class="dropdown-content">
    <paper-item>Share</paper-item>
    <paper-item>Settings</paper-item>
    <paper-item>Help</paper-item>
  </paper-menu>
</paper-menu-button>

Styling

The following custom properties and mixins are also available for styling:

Custom property Description Default
--paper-menu-button-dropdown-background Background color of the paper-menu-button dropdown --primary-background-color
--paper-menu-button Mixin applied to the paper-menu-button {}
--paper-menu-button-disabled Mixin applied to the paper-menu-button when disabled {}
--paper-menu-button-dropdown Mixin applied to the paper-menu-button dropdown {}
--paper-menu-button-content Mixin applied to the paper-menu-button content {}