third_party/polymer/components-chromium/paper-radio-group/demo.html

   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>