| Index: third_party/polymer/v1_0/components-chromium/paper-input/paper-input.html
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-input/paper-input.html b/third_party/polymer/v1_0/components-chromium/paper-input/paper-input.html
|
| index aa5be24b5276d1a194c9254e25e0e8962a6a6778..40cf14083a44fa446fa99a50b296398cb291b224 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-input/paper-input.html
|
| +++ b/third_party/polymer/v1_0/components-chromium/paper-input/paper-input.html
|
| @@ -24,6 +24,16 @@ It may include an optional error message or character counter.
|
| <paper-input error-message="Invalid input!" label="Input label"></paper-input>
|
| <paper-input char-counter label="Input label"></paper-input>
|
|
|
| +It can also include custom prefix or suffix elements, which are displayed
|
| +before or after the text input itself. In order for an element to be
|
| +considered as a prefix, it must have the `prefix` attribute (and similarly
|
| +for `suffix`).
|
| +
|
| + <paper-input label="total">
|
| + <div prefix>$</div>
|
| + <paper-icon-button suffix icon="clear"></paper-icon-button>
|
| + </paper-input>
|
| +
|
| See `Polymer.PaperInputBehavior` for more API docs.
|
|
|
| ### Styling
|
| @@ -67,9 +77,13 @@ style this element.
|
|
|
| <paper-input-container no-label-float="[[noLabelFloat]]" always-float-label="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]">
|
|
|
| + <content select="[prefix]"></content>
|
| +
|
| <label hidden$="[[!label]]">[[label]]</label>
|
|
|
| - <input is="iron-input" id="input" aria-labelledby$="[[_ariaLabelledBy]]" aria-describedby$="[[_ariaDescribedBy]]" disabled$="[[disabled]]" bind-value="{{value}}" invalid="{{invalid}}" prevent-invalid-input="[[preventInvalidInput]]" allowed-pattern="[[allowedPattern]]" validator="[[validator]]" type$="[[type]]" pattern$="[[pattern]]" maxlength$="[[maxlength]]" required$="[[required]]" autocomplete$="[[autocomplete]]" autofocus$="[[autofocus]]" inputmode$="[[inputmode]]" minlength$="[[minlength]]" name$="[[name]]" placeholder$="[[placeholder]]" readonly$="[[readonly]]" list$="[[list]]" size$="[[size]]" autocapitalize$="[[autocapitalize]]" autocorrect$="[[autocorrect]]">
|
| + <input is="iron-input" id="input" aria-labelledby$="[[_ariaLabelledBy]]" aria-describedby$="[[_ariaDescribedBy]]" disabled$="[[disabled]]" bind-value="{{value}}" invalid="{{invalid}}" prevent-invalid-input="[[preventInvalidInput]]" allowed-pattern="[[allowedPattern]]" validator="[[validator]]" type$="[[type]]" pattern$="[[pattern]]" required$="[[required]]" autocomplete$="[[autocomplete]]" autofocus$="[[autofocus]]" inputmode$="[[inputmode]]" minlength$="[[minlength]]" maxlength$="[[maxlength]]" min$="[[min]]" max$="[[max]]" step$="[[step]]" name$="[[name]]" placeholder$="[[placeholder]]" readonly$="[[readonly]]" list$="[[list]]" size$="[[size]]" autocapitalize$="[[autocapitalize]]" autocorrect$="[[autocorrect]]">
|
| +
|
| + <content select="[suffix]"></content>
|
|
|
| <template is="dom-if" if="[[errorMessage]]">
|
| <paper-input-error>[[errorMessage]]</paper-input-error>
|
|
|