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