<paper-menu>is deprecated in favour of <paper-listbox>. The APIs are very similar, and upgrading should be straight forward. For this reason, this element has not been ported to Polymer 2.x, and is not a hybrid element. If you use it along side other hybrid elements, please note that it will force your installed Polymer version to 1.x as a result.
<paper-menu> implements an accessible menu control with Material Design styling. The focused item
is highlighted, and the selected item has bolded text.
The following custom properties and mixins are available for styling:
Custom property
Description
Default
--paper-menu-background-color
Menu background color
--primary-background-color
--paper-menu-color
Menu foreground color
--primary-text-color
--paper-menu-disabled-color
Foreground color for a disabled item
--disabled-text-color
--paper-menu
Mixin applied to the menu
{}
--paper-menu-selected-item
Mixin applied to the selected item
{}
--paper-menu-focused-item
Mixin applied to the focused item
{}
--paper-menu-focused-item-after
Mixin applied to the ::after pseudo-element for the focused item
{}
Accessibility
<paper-menu> has role="menu" by default. A multi-select menu will also have
aria-multiselectable set. It implements key bindings to navigate through the menu with the up and
down arrow keys, esc to exit the menu, and enter to activate a menu item. Typing the first letter
of a menu item will also focus it.
##<paper-submenu>
<paper-submenu> is a nested menu inside of a parent <paper-menu>. It
consists of a trigger that expands or collapses another <paper-menu>:
Just like in <paper-menu>, the focused item is highlighted, and the selected
item has bolded text. Please see the <paper-menu> docs for which attributes
(such as multi and selected), and styling options are available for the
menu-content menu.
请发表评论