Polímero - Material de papel

El material de papel es un recipiente que tiene el efecto de una hoja de papel elevada. Para obtener material de papel en su directorio en condiciones de trabajo, debe ejecutar el siguiente comando en el símbolo del sistema.

bower install --save PolymerElements/paper-material

Ejemplo

Su archivo index.html debería tener el siguiente aspecto.

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

Su archivo my-app.html debería tener el siguiente aspecto.

<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>

Salida

Actualice el servidor Polymer y lo siguiente será el resultado.

↰ Previous page