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

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

Install

Link to this version
TestedReleased 13 June 2017Other
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
Release notes - 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