Polymer Paper Input

by Online Tutorials Library July 14, 2022

Polymer paper input

Polymer paper-input is a text-field combined with styling. Use the following command in your command prompt to get paper-input in your directory in working condition.

Example

Create an index.html file and add the following code in it to see the use of paper input 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/iron-icons/iron-icons.html”>  <link rel = “import” href=”../bower_components/paper-input/paper-input.html”>    <dom-module id = ‘my-app’>     <template>        <style>           paper-input {              max-width: 300px;               }        </style>                <h3>Paper-Input Example </h3>        <paper-input label = “User Name”>           <iron-icon icon = “account-circle”  prefix></iron-icon>        </paper-input>                <paper-input label = “Password”>           <iron-icon icon = “lock-outline” prefix></iron-icon>        </paper-input>     </template>          <script>        Polymer ({           is: ‘my-app’, ready: function() {              this.async(function() {                       });           }        });     </script>  </dom-module>  

Next TopicPaper Listbox

Polymer Paper Input

Polymer paper input

Example

Apache Pig UNION Operator

PostgreSQL BIGINT

You may also like