Directory

← Back

isw-color-input

Material Design Polymer 2.0 Color input field, based on paper-swatch-picker.

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/IswPolymerElements/isw-color-input on 2019-05-10 ]

<isw-color-input>

Material Design Polymer 2.0 Color input field, based on paper-swatch-picker.

Basically an paper-swatch-picker combined with an paper-input. Usage and API is nearly identical to paper-swatch-picker.

<isw-color-input label="Color" color="{{selectedColor}}"></isw-color-input>

The default color set are the 16 MD main colors (500), For an example of an full set like paper-swatch-picker see demo!

Make sure to install and import "web-animations/web-animations-js", since paper-menu-button does not import it anymore in 2.0!

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

  • IswPolymerElements/paper-swatch-picker#^2.0.0
  • PolymerElements/paper-menu-button#^2.0.0
  • PolymerElements/paper-input#^2.0.0
  • PolymerElements/iron-icon#^2.0.0
  • PolymerElements/iron-icons#^2.0.0
Released
2017-06-13
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

isw-color-input - Vaadin Add-on Directory

Material Design Polymer 2.0 Color input field, based on paper-swatch-picker. isw-color-input - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/IswPolymerElements/isw-color-input](https://github.com//IswPolymerElements/isw-color-input/blob/1.0.5/README.md) on 2019-05-10 ]** # \ Material Design Polymer 2.0 Color input field, based on paper-swatch-picker. Basically an paper-swatch-picker combined with an paper-input. Usage and API is nearly identical to paper-swatch-picker. ```html ``` The default color set are the 16 MD main colors (500), For an example of an full set like paper-swatch-picker see demo! Make sure to install and import "web-animations/web-animations-js", since paper-menu-button does not import it anymore in 2.0!
GitHub Homepage
Issue tracker
License
View on GitHub
Documentation
Online Demo

isw-color-input version 1.0.0
### Dependencies Polymer/polymer#^2.0.0 * IswPolymerElements/paper-swatch-picker#^2.0.0 * PolymerElements/paper-menu-button#^2.0.0 * PolymerElements/paper-input#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0

isw-color-input version 1.0.1
### Dependencies Polymer/polymer#^2.0.0 * IswPolymerElements/paper-swatch-picker#^2.0.0 * PolymerElements/paper-menu-button#^2.0.0 * PolymerElements/paper-input#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0

isw-color-input version 1.0.2
### Dependencies Polymer/polymer#^2.0.0 * IswPolymerElements/paper-swatch-picker#^2.0.0 * PolymerElements/paper-menu-button#^2.0.0 * PolymerElements/paper-input#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0

isw-color-input version 1.0.3
### Dependencies Polymer/polymer#^2.0.0 * IswPolymerElements/paper-swatch-picker#^2.0.0 * PolymerElements/paper-menu-button#^2.0.0 * PolymerElements/paper-input#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0

isw-color-input version 1.0.4
### Dependencies Polymer/polymer#^2.0.0 * IswPolymerElements/paper-swatch-picker#^2.0.0 * PolymerElements/paper-menu-button#^2.0.0 * PolymerElements/paper-input#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0

isw-color-input version 1.0.5
### Dependencies Polymer/polymer#^2.0.0 * IswPolymerElements/paper-swatch-picker#^2.0.0 * PolymerElements/paper-menu-button#^2.0.0 * PolymerElements/paper-input#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0

Online