1 <!doctype html> 2 <html> 3 <head> 4 5 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 6 7 <title>paper-input</title> 8 9 <script src="../platform/platform.js"></script> 10 11 <link href="../font-roboto/roboto.html" rel="import"> 12 <link href="paper-input.html" rel="import"> 13 14 <style shim-shadowdom> 15 16 body { 17 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; 18 margin: 0; 19 padding: 24px; 20 -webkit-user-select: none; 21 -moz-user-select: none; 22 -ms-user-select: none; 23 user-select: none; 24 -webkit-tap-highlight-color: rgba(0,0,0,0); 25 -webkit-touch-callout: none; 26 } 27 28 </style> 29 30 </head> 31 <body unresolved> 32 <section> 33 34 <paper-input label="Type something..."></paper-input> 35 36 <br> 37 38 <paper-input label="Type only numbers..." type="number" error="Input is not a number!"></paper-input> 39 40 <br> 41 42 <paper-input label="Type something..." required error="This input requires a value!"></paper-input> 43 44 <br> 45 46 <paper-input disabled label="I'm disabled"></paper-input> 47 48 <br> 49 50 <paper-input floatingLabel label="Floating label"></paper-input> 51 52 <br> 53 54 <paper-input floatingLabel label="Type only numbers... (floating)" type="number" error="Input is not a number!"></paper-input> 55 56 <br> 57 58 <paper-input multiline label="Type multiple lines here..."></paper-input> 59 60 <br> 61 62 <paper-input multiline rows="3" label="This input is 3 rows high"></paper-input> 63 64 <br> 65 66 <paper-input multiline maxRows="3" label="This input is at most 3 rows high"></paper-input> 67 68 <br> 69 70 <paper-input multiline floatingLabel label="Multiple lines and a floating label"></paper-input> 71 72 </section> 73 </body> 74
