Polymer Paper Dropdown Menu

by Online Tutorials Library July 14, 2022

Polymer Paper Dropdown Menu

The Polymer paper-dropdown menu is a simple dropdown menu, which is used to work with selectable content. Use the following commands to install this element in your project directory and use in your application.

paper dropdown 1

paper dropdown 2

paper dropdown 3

Example

Create an index.html file and add the following code in it to see the use of paper-dropdown-menu element in Polymer.js.

  <!doctype html>  <html>     <head>        <link rel = ‘import’ href = ‘my-app.html’>     </head>     <body>            <my-app></my-app>     </body>  </html>  

Now, open the my-app.html file and include the following code in it.

  <link rel = ‘import’ href=’bower_components/polymer/polymer.html’>  <link rel = “import” href=”../bower_components/paper-dropdown-menu/paper-dropdown-menu.html”>  <link rel = “import” href=”../bower_components/paper-item/paper-item.html”>  <link rel = “import” href=”../bower_components/paper-listbox/paper-listbox.html”>    <dom-module id = ‘my-app’>     <template>        <style is = “custom-style”>           paper-dropdown-menu {              width:250px;           }           paper-dropdown-menu {              height: 200px;              display: block;           }        </style>                <h3>Paper-Dropdown-Menu Example </h3>        <paper-dropdown-menu>           <paper-listbox class = “dropdown-content” selected = “1”>              <paper-item>Java Tutorial</paper-item>              <paper-item>C Tutorial</paper-item>              <paper-item>PHP Tutorial</paper-item>              <paper-item>C++ Tutorial</paper-item>           </paper-listbox>        </paper-dropdown-menu>     </template>          <script>        Polymer ({           is: ‘my-app’, ready: function() {              this.async(function() {                       });           }        });     </script>  </dom-module>  

Output:

paper dropdown 4

Next TopicPaper Card

Polymer Paper Dropdown Menu

Polymer Paper Dropdown Menu

Example

Apache Pig UNION Operator

PostgreSQL BIGINT

You may also like