OLD | NEW |
1 <!-- | 1 <!-- |
2 @license | 2 @license |
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
9 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
10 <link rel="import" href="../iron-autogrow-textarea/iron-autogrow-textarea.html"> | 10 <link rel="import" href="../iron-autogrow-textarea/iron-autogrow-textarea.html"> |
11 <link rel="import" href="../iron-form-element-behavior/iron-form-element-behavio
r.html"> | |
12 <link rel="import" href="paper-input-behavior.html"> | 11 <link rel="import" href="paper-input-behavior.html"> |
13 <link rel="import" href="paper-input-container.html"> | 12 <link rel="import" href="paper-input-container.html"> |
14 <link rel="import" href="paper-input-error.html"> | 13 <link rel="import" href="paper-input-error.html"> |
15 <link rel="import" href="paper-input-char-counter.html"> | 14 <link rel="import" href="paper-input-char-counter.html"> |
16 | 15 |
17 <!-- | 16 <!-- |
18 `<paper-textarea>` is a multi-line text field with Material Design styling. | 17 `<paper-textarea>` is a multi-line text field with Material Design styling. |
19 | 18 |
20 <paper-textarea label="Textarea label"></paper-textarea> | 19 <paper-textarea label="Textarea label"></paper-textarea> |
21 | 20 |
22 See `Polymer.PaperInputBehavior` for more API docs. | 21 See `Polymer.PaperInputBehavior` for more API docs. |
23 | 22 |
24 ### Validation | 23 ### Validation |
25 | 24 |
26 Currently only `required` and `maxlength` validation is supported. | 25 Currently only `required` and `maxlength` validation is supported. |
27 | 26 |
28 ### Styling | 27 ### Styling |
29 | 28 |
30 See `Polymer.PaperInputContainer` for a list of custom properties used to | 29 See `Polymer.PaperInputContainer` for a list of custom properties used to |
31 style this element. | 30 style this element. |
32 --> | 31 --> |
33 | 32 |
34 </head><body><dom-module id="paper-textarea"> | 33 </head><body><dom-module id="paper-textarea"> |
35 <template> | 34 <template> |
36 | 35 |
37 <paper-input-container no-label-float$="[[noLabelFloat]]" always-float-label
="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[
autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]"> | 36 <paper-input-container no-label-float$="[[noLabelFloat]]" always-float-label
="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[
autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]"> |
38 | 37 |
39 <label hidden$="[[!label]]">[[label]]</label> | 38 <label hidden$="[[!label]]">[[label]]</label> |
40 | 39 |
41 <iron-autogrow-textarea id="input" class="paper-input-input" bind-value="{
{value}}" autocomplete$="[[autocomplete]]" autofocus$="[[autofocus]]" inputmode$
="[[inputmode]]" name$="[[name]]" placeholder$="[[placeholder]]" readonly$="[[re
adonly]]" required$="[[required]]" maxlength$="[[maxlength]]"></iron-autogrow-te
xtarea> | 40 <iron-autogrow-textarea id="input" class="paper-input-input" bind-value="{
{value}}" autocomplete$="[[autocomplete]]" autofocus$="[[autofocus]]" inputmode$
="[[inputmode]]" name$="[[name]]" placeholder$="[[placeholder]]" readonly$="[[re
adonly]]" required$="[[required]]" maxlength$="[[maxlength]]" autocapitalize$="[
[autocapitalize]]"></iron-autogrow-textarea> |
42 | 41 |
43 <template is="dom-if" if="[[errorMessage]]"> | 42 <template is="dom-if" if="[[errorMessage]]"> |
44 <paper-input-error>[[errorMessage]]</paper-input-error> | 43 <paper-input-error>[[errorMessage]]</paper-input-error> |
45 </template> | 44 </template> |
46 | 45 |
47 <template is="dom-if" if="[[charCounter]]"> | 46 <template is="dom-if" if="[[charCounter]]"> |
48 <paper-input-char-counter></paper-input-char-counter> | 47 <paper-input-char-counter></paper-input-char-counter> |
49 </template> | 48 </template> |
50 | 49 |
51 </paper-input-container> | 50 </paper-input-container> |
52 | 51 |
53 </template> | 52 </template> |
54 | 53 |
55 </dom-module> | 54 </dom-module> |
56 | 55 |
57 <script src="paper-textarea-extracted.js"></script></body></html> | 56 <script src="paper-textarea-extracted.js"></script></body></html> |
OLD | NEW |