Polymère - Bouton radio papier

Les boutons radio papier sont des boutons d'entrée utilisés pour cocher ou décocher. Un seul bouton radio du groupe peut être coché à la fois, lorsque les boutons radio sont placés dans le même groupe radio. Pour obtenir le bouton radio papier dans votre répertoire en état de fonctionnement, vous devez exécuter la commande suivante dans l'invite de commande.

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

Exemple

Votre fichier index.html doit ressembler à ce qui suit.

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

Votre fichier my-app.html doit ressembler à ce qui suit.

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

Production

Actualisez le serveur Polymer et ce qui suit sera la sortie.