Reputation: 2312
Polymer app-toolbar with drop down menus
In Polymer 2 I would like to create an app-toolbar with menu buttons that on-click show a dropdown menu, similar to a classical desktop application. The app-toolbox seems to be a great start for a responsive solution and there are examples for creating toolbars with simple navigation buttons/links.
What I don't find are examples on creating dropdown menus in the toolbar.
My questions:
Which component should I use to show a dropdown menu in the app-toolbar? Maybe iron-dropdown? Is there any example?
What would happen to the dropdown menu when on narrow screens the app-toolbar collapses to the single menu button? Would the drawer that is shown by the menu button allow me to show the dropdown menus?
Upvotes: 1
Views: 298
Answers (1)
Reputation: 11
You could use paper-dropdown-menu, or iron-dropdown or some similar.
But you should pay attention for the iron-overlay-behavior dropdown content max-height.
Upvotes: 1
Related Questions
- How to use Polymer paper-menu-button inside paper-toolbar?
- Paper-toolbar in Polymer 2.0
- Polymer paper-toolbar not working properly
- How to implement a paper-styled "<select multiple>" box with Polymer, without "paper-dropdown-menu"?
- Polymer 1.x: Two-way databinding for paper-dropdown-menu
- Using Polymer with paper-toolbar
- Add a Polymer paper-dropdown-menu to a page from javascript?
- Polymer paper-dropdown-menu
- Create Polymer menu like Google IO 2015 website
- Polymer paper-dropdown-menu issues -- menu overlay not working