1 <!doctype html> 2 <html> 3 <head> 4 <title>paper-radio-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-radio-button.html"> 13 14 <style shim-shadowdom> 15 16 body { 17 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; 18 margin: 0; 19 -webkit-user-select: none; 20 -moz-user-select: none; 21 -ms-user-select: none; 22 user-select: none; 23 -webkit-tap-highlight-color: rgba(0,0,0,0); 24 -webkit-touch-callout: none; 25 } 26 27 .label { 28 height: 40px; 29 color: #4285f4; 30 font-size: 20px; 31 } 32 33 section, paper-radio-button { 34 padding: 20px; 35 } 36 37 paper-radio-button.blue::shadow #ink[checked] { 38 color: #4285f4; 39 } 40 41 paper-radio-button.blue::shadow #onRadio { 42 background-color: #4285f4; 43 } 44 45 </style> 46 47 </head> 48 <body unresolved> 49 50 <section> 51 <div class="label">Radio button</div> 52 <paper-radio-button></paper-radio-button> 53 </section> 54 55 <section> 56 <div class="label">Radio button (toggles)</div> 57 <paper-radio-button toggles></paper-radio-button> 58 </section> 59 60 <section> 61 <div class="label">Radio button (toggles, Blue)</div> 62 <paper-radio-button class="blue" toggles></paper-radio-button> 63 </section> 64 65 </body> 66 </html> 67
