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 |