| OLD | NEW |
| 1 [](https://travis-ci.org/PolymerElements/paper-input) | 1 [](https://travis-ci.org/PolymerElements/paper-input) |
| 2 [](https://beta.webcomponents.org/element/PolymerElements/pa
per-input) | 2 [](https://beta.webcomponents.org/element/PolymerElements/pa
per-input) |
| 3 | 3 |
| 4 ##<paper-input> | 4 ## <paper-input> |
| 5 | 5 |
| 6 Material design: [Text fields](https://www.google.com/design/spec/components/tex
t-fields.html) | 6 Material design: [Text fields](https://www.google.com/design/spec/components/tex
t-fields.html) |
| 7 | 7 |
| 8 `<paper-input>` is a single-line text field with Material Design styling. | 8 `<paper-input>` is a single-line text field with Material Design styling. |
| 9 | 9 |
| 10 <!--- | 10 <!--- |
| 11 ``` | 11 ``` |
| 12 <custom-element-demo> | 12 <custom-element-demo> |
| 13 <template> | 13 <template> |
| 14 <script src="../webcomponentsjs/webcomponents-lite.js"></script> | 14 <script src="../webcomponentsjs/webcomponents-lite.js"></script> |
| (...skipping 14 matching lines...) Expand all Loading... |
| 29 </custom-element-demo> | 29 </custom-element-demo> |
| 30 ``` | 30 ``` |
| 31 --> | 31 --> |
| 32 ```html | 32 ```html |
| 33 <paper-input always-float-label label="Floating label"></paper-input> | 33 <paper-input always-float-label label="Floating label"></paper-input> |
| 34 <paper-input label="username"> | 34 <paper-input label="username"> |
| 35 <iron-icon icon="mail" prefix></iron-icon> | 35 <iron-icon icon="mail" prefix></iron-icon> |
| 36 <div suffix>@email.com</div> | 36 <div suffix>@email.com</div> |
| 37 </paper-input> | 37 </paper-input> |
| 38 ``` | 38 ``` |
| OLD | NEW |