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> |