A Material Design text field
HTML
Permalink
Failed to load latest commit information.
.github Create CODEOWNERS Jan 24, 2018
demo Format project. Apr 10, 2018
test run webmat Jun 19, 2018
.gitignore Add TypeScript declarations to paper-input. (#629) Mar 8, 2018
.travis.yml ignore package-lock in travis Jun 19, 2018
CONTRIBUTING.md [skip ci] Update contribution guide May 17, 2016
README.md Update README.md Oct 27, 2017
all-imports.d.ts Add TypeScript declarations to paper-input. (#629) Mar 8, 2018
all-imports.html bug fixes, add docs, fix tests, etc. May 26, 2015
bower.json Nevermind, no need to release 2.2.4. Jun 26, 2018
hero.svg updated element metadata May 26, 2015
index.html bug fixes, add docs, fix tests, etc. May 26, 2015
package-lock.json ignore package-lock in travis Jun 19, 2018
package.json Update and/or configure type declarations. Jun 5, 2018
paper-input-addon-behavior.d.ts Format project. Apr 10, 2018
paper-input-addon-behavior.html Merge pull request #649 from PolymerElements/remove-flush-call Jun 19, 2018
paper-input-behavior.d.ts change closure and TS type to any Jun 19, 2018
paper-input-behavior.html change closure and TS type to any Jun 19, 2018
paper-input-char-counter.d.ts Add TypeScript declarations to paper-input. (#629) Mar 8, 2018
paper-input-char-counter.html Format project. Apr 10, 2018
paper-input-container.d.ts Format project. Apr 10, 2018
paper-input-container.html Allows '' as well as undefined for initial value. Jun 6, 2018
paper-input-error.d.ts Add TypeScript declarations to paper-input. (#629) Mar 8, 2018
paper-input-error.html Format project. Apr 10, 2018
paper-input.d.ts Merge pull request #648 from PolymerElements/auto-cleanup Apr 19, 2018
paper-input.html Merge pull request #648 from PolymerElements/auto-cleanup Apr 19, 2018
paper-textarea.d.ts fix paper-textarea types Jun 21, 2018
paper-textarea.html fix paper-textarea types Jun 21, 2018
wct.conf.json Update WCT config Jun 5, 2018

README.md

Build status Published on webcomponents.org

<paper-input>

Material design: Text fields

<paper-input> is a single-line text field with Material Design styling.

<paper-input always-float-label label="Floating label"></paper-input>
<paper-input label="username">
  <iron-icon icon="mail" slot="prefix"></iron-icon>
  <div slot="suffix">@email.com</div>
</paper-input>

Changes in 2.0

  • Distribution is now done with slots, so things have changed because of that (before: foo, now foo; same for input, prefix and suffix)
  • Since type extensions are not available, any use of <input is="iron-input"> has been replaced by <iron-input><input></iron-input>. See iron-input for more details about that change
  • prevent-invalid-input and allowed-pattern had to be always used together; deleted prevent-invalid-input, so that only allowed-pattern is needed