third_party/polymer/v1_0/components-chromium/paper-input/paper-textarea.html

   1 <!--
   2 @license
   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.github.io/LICENSE.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/CONTRIBUTORS.txt
   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/PATENTS.txt
   9 --><html><head><link rel="import" href="../polymer/polymer.html">
  10 <link rel="import" href="../iron-autogrow-textarea/iron-autogrow-textarea.html">
  11 <link rel="import" href="paper-input-behavior.html">
  12 <link rel="import" href="paper-input-container.html">
  13 <link rel="import" href="paper-input-error.html">
  14 <link rel="import" href="paper-input-char-counter.html">
  15
  16 <!--
  17 `<paper-textarea>` is a multi-line text field with Material Design styling.
  18
  19     <paper-textarea label="Textarea label"></paper-textarea>
  20
  21 See `Polymer.PaperInputBehavior` for more API docs.
  22
  23 ### Validation
  24
  25 Currently only `required` and `maxlength` validation is supported.
  26
  27 ### Styling
  28
  29 See `Polymer.PaperInputContainer` for a list of custom properties used to
  30 style this element.
  31 -->
  32
  33 </head><body><dom-module id="paper-textarea">
  34   <template>
  35     <style>
  36       :host {
  37         display: block;
  38       }
  39     </style>
  40
  41     <paper-input-container no-label-float$="[[noLabelFloat]]" always-float-label="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]">
  42
  43       <label hidden$="[[!label]]">[[label]]</label>
  44
  45       <iron-autogrow-textarea id="input" class="paper-input-input" bind-value="{{value}}" autocomplete$="[[autocomplete]]" autofocus$="[[autofocus]]" inputmode$="[[inputmode]]" name$="[[name]]" placeholder$="[[placeholder]]" readonly$="[[readonly]]" required$="[[required]]" maxlength$="[[maxlength]]" autocapitalize$="[[autocapitalize]]" rows$="[[rows]]" max-rows$="[[maxRows]]" on-change="_onChange"></iron-autogrow-textarea>
  46
  47       <template is="dom-if" if="[[errorMessage]]">
  48         <paper-input-error>[[errorMessage]]</paper-input-error>
  49       </template>
  50
  51       <template is="dom-if" if="[[charCounter]]">
  52         <paper-input-char-counter></paper-input-char-counter>
  53       </template>
  54
  55     </paper-input-container>
  56
  57   </template>
  58 </dom-module>
  59
  60 <script src="paper-textarea-extracted.js"></script></body></html>