Polímero - Botón de radio de papel

Los botones de opción de papel son botones de entrada que se utilizan para marcar o desmarcar. Solo se puede marcar un botón de opción en el grupo en cualquier momento, cuando los botones de opción se colocan en el mismo grupo de opciones. Para que el botón de radio de papel en su directorio funcione, debe ejecutar el siguiente comando en el símbolo del sistema.

bower install --save PolymerElements/paper-radio-button

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-radio-button/paper-radio-button.html">
<dom-module id = 'my-app'>
   <template>
      <style>
         paper-progress {
            display: block;
            width: 30%;
            margin: 20px 0;
         }
      </style>
      
      <h3>Paper-Radio-Button Example</h3>
      <paper-radio-button>TutorialsPoint</paper-radio-button>     
      <paper-radio-button disabled>TutorialsPoint Disabled</paper-radio-button>
   </template>
   
   <script>
      Polymer ({
         is: 'my-app', ready: function() {
            this.async(function() {         
            });
         }
      });
   </script>
</dom-module>

Salida

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

↰ Previous page