Home | History | Annotate | Download | only in paper-toggle-button
      1 <!doctype html>
      2 <html>
      3 <head>
      4   <title>paper-toggle-button</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-toggle-button.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       width: 200px;
     31     }
     32     
     33     paper-toggle-button.blue::shadow paper-radio-button::shadow #ink[checked] {
     34       color: #4285f4;
     35     }
     36     
     37     paper-toggle-button.blue::shadow paper-radio-button::shadow #onRadio {
     38       background-color: #4285f4;
     39     }
     40     
     41     paper-toggle-button.blue::shadow #toggleBar[checked] {
     42       background-color: #4285f4;
     43     }
     44     
     45   </style>
     46   
     47 </head>
     48 <body unresolved>
     49 
     50   <section>
     51   
     52     <div center horizontal layout>
     53       <div flex>Wi-Fi</div>
     54       <paper-toggle-button checked></paper-toggle-button>
     55     </div>
     56     
     57     <br>
     58     <br>
     59     
     60     <div center horizontal layout>
     61       <div flex>Bluetooth</div>
     62       <paper-toggle-button class="blue"></paper-toggle-button>
     63     </div>
     64     
     65   </section>
     66   
     67 </body>
     68 </html>
     69