Home | History | Annotate | Download | only in paper-radio-group
      1 <!doctype html>
      2 <html>
      3 <head>
      4   <title>paper-radio-group</title>
      5   
      6   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
      7   <meta name="mobile-web-app-capable" content="yes">
      8   <meta name="apple-mobile-web-app-capable" content="yes">
      9   
     10   <script src="../platform/platform.js"></script>
     11   
     12   <link rel="import" href="paper-radio-group.html">
     13   <link rel="import" href="../font-roboto/roboto.html">
     14   
     15   <style shim-shadowdom>
     16   
     17     body {
     18       font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
     19       margin: 0;
     20       padding: 24px;
     21       -webkit-user-select: none;
     22       -moz-user-select: none;
     23       -ms-user-select: none;
     24       user-select: none;
     25       -webkit-tap-highlight-color: rgba(0,0,0,0);
     26       -webkit-touch-callout: none;
     27     }
     28     
     29     section {
     30       xpadding: 20px;
     31       xbackground-color: #f0f0f0;
     32     }
     33     
     34     paper-radio-group.blue paper-radio-button::shadow #ink[checked] {
     35       color: #4285f4;
     36     }
     37     
     38     paper-radio-group.blue paper-radio-button::shadow #onRadio {
     39       background-color: #4285f4;
     40     }
     41     
     42   </style>
     43   
     44 </head>
     45 <body unresolved>
     46   
     47   <section>
     48   
     49     <h4>Keep Wi-Fi on during sleep</h4>
     50     
     51     <paper-radio-group selected="2">
     52       <paper-radio-button label="Always"></paper-radio-button><br>
     53       <paper-radio-button label="Only when plugged in"></paper-radio-button><br>
     54       <paper-radio-button label="Never"></paper-radio-button>
     55     </paper-radio-group>
     56     
     57   </section>
     58   
     59   <br>
     60   
     61   <section>
     62   
     63     <h4>Wi-Fi frequency band</h4>
     64     
     65     <paper-radio-group class="blue" selected="0">
     66       <paper-radio-button label="Auto"></paper-radio-button><br>
     67       <paper-radio-button label="5 GHz only"></paper-radio-button><br>
     68       <paper-radio-button label="2.4 GHz only"></paper-radio-button>
     69     </paper-radio-group>
     70     
     71   </section>
     72       
     73 </body>
     74 </html>
     75