Polymer Paper Material

by Online Tutorials Library July 14, 2022

Polymer paper-material

In Polymer.js, paper material is a container which shows the effect of an elevated piece of paper. Use the following command in your command prompt to get paper-material in your directory in working condition.

paper material 1

Example

Create an index.html file and add the following code in it to see the use of paper material 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 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-listbox/paper-listbox.html”>  <link rel = “import” href=”../bower_components/paper-material/paper-material.html”>  <dom-module id = ‘my-app’>     <template>        <style>           paper-material {              display: inline-block;              background: white;              box-sizing: border-box;              margin: 7px;              padding: 14px;              border-radius: 3px;           }        </style>            <h3>Paper-Material Example</h3>        <paper-material elevation = “5”>”Tutorialspoint”</paper-material>        <paper-material elevation = “0”>is</paper-material>        <paper-material elevation = “5”>Simply Easy Learning Online Tutorials</paper-material>     </template>        <script>        Polymer ({           is: ‘my-app’,           ready: function() {              this.async(function() {                       });           }        });     </script>  </dom-module>  

Output:

paper material 2

Next TopicIcon Button

Polymer Paper Material

Polymer paper-material

Example

Apache Pig UNION Operator

PostgreSQL BIGINT

You may also like