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

<color-picker>

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

Screenshot of color-picker-field

Example Usage

<color-picker-field></color-picker-field>

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 29 September 2019Apache License 2.0
Framework Support
Polymer 3.0+
Also supported:
Polymer 2 (0.2.2)
Browser Independent
Install with
npm install @appreciated/color-picker-field"@2.0.0-alpha.4"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.0.0-alpha.4

Dependencies

  • @polymer/polymer#^3.0.0
  • @vaadin/vaadin-control-state-mixin#^2.1.1
  • @vaadin/vaadin-element-mixin#^2.0.0
  • @vaadin/vaadin-themable-mixin#^1.2.1
  • @thebespokepixel/es-tinycolor#^1.0.7
  • @appreciated/color-picker#^2.0.0-beta.1
  • @polymer/iron-icon#^3.0.1
  • @polymer/iron-media-query#^3.0.1
  • @vaadin/vaadin-button#^2.2.1
  • @vaadin/vaadin-context-menu#^4.3.12
  • @vaadin/vaadin-icons#^4.3.1
  • @vaadin/vaadin-ordered-layout#^1.1.0
  • @vaadin/vaadin-tabs#^3.0.4
  • @vaadin/vaadin-text-field#^2.4.11