is a themable Web Component providing the possibility to select a color using sliders, inputs or palettes.

<color-picker>

<color-picker> is a themable Web Component providing the possibility to select a color using sliders, inputs or palettes.

Screenshot of color-picker

Example Usage

<color-picker></color-picker>

Credits

Huge credits also go to the developers of TinyColor that is used for the internal color handling, released under the MIT license.

License

Apache License 2.0

Install

Link to this version
ImportedReleased 11 July 2019Apache License 2.0
Framework Support
Polymer 2.0+
Also supported:
Polymer 3 (2.0.0-beta.1)
Browser Independent
Install with
bower install --save Juchar/color-picker"#0.9.0"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.9.0

Moved from Chroma.js to TinyColor as Chroma.js could not be deployed to webjars.org due to the SPDX expression used for the license.

Dependencies

  • polymer#^2.0.0
  • vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.0
  • vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0
  • vaadin-lumo-styles#vaadin/vaadin-lumo-styles#^1.4.1
  • vaadin-material-styles#vaadin/vaadin-material-styles#^1.2.2
  • iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^2.0.0
  • vaadin-text-field#vaadin/vaadin-text-field#^2.4.4
  • vaadin-button#vaadin/vaadin-button#^2.2.0
  • vaadin-icons#vaadin/vaadin-icons#^4.3.1
  • vaadin-tabs#vaadin/vaadin-tabs#^3.0.0
  • vaadin-checkbox#vaadin/vaadin-checkbox#^2.2.10
  • tinycolor#bgrins/TinyColor#^1.4.1