PolymerElements/paper-input

Name: paper-input

Owner: PolymerElements

Description: A Material Design text field

Created: 2015-04-21 00:40:05.0

Updated: 2018-05-02 03:07:56.0

Pushed: 2018-05-23 02:36:21.0

Homepage: https://www.webcomponents.org/element/PolymerElements/paper-input

Size: 779

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

<paper-input>

Material design: Text fields

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

er-input always-float-label label="Floating label"></paper-input>
er-input label="username">
ron-icon icon="mail" slot="prefix"></iron-icon>
iv slot="suffix">@email.com</div>
per-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