Last updated 2 years ago by paulmck21 .
Original npm · Tarball · package.json
$ cnpm install @kano/kwc-color-picker 
SYNC missed versions from official npm registry.


Tile based color picker with customizable palette

  • What is it called?
    • kwc-color-picker
  • What is it made out of?
    • A set of colored tiles that when clicked, provides a selected value
  • What variants are needed?
    • Idle: hover styling is still here, but no selection is possible
    • Tiles: Different sizes and margin between them
  • How does it scale?
    • Tiles size are defined in pixels, and the rowSize defines the total width
  • What style variables are in use?
    • Colors: The list of colors available for selection
    • Outline: Can customize the style of the outline when over a light or dark color
  • Anything to keep in mind?
    • If the display state of the element changes (i.e. it gets hidden/unhidden), you need to call notifyResize, otherwise the element will not properly render.
    • When the selected colour changes, the highlighting only animates if the Web Animations API is supported by the browser. To make the feature work in all browsers, use a polyfill.


Clone this repository. Run bower i

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test --skip-plugin junit-reporter

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

Current Tags

  • 3.0.0-beta.7                                ...           latest (2 years ago)

7 Versions

  • 3.0.0-beta.7                                ...           2 years ago
  • 3.0.0-beta.6                                ...           2 years ago
  • 3.0.0-beta.5                                ...           2 years ago
  • 3.0.0-beta.4                                ...           2 years ago
  • 3.0.0-beta.3                                ...           2 years ago
  • 3.0.0-beta.2                                ...           2 years ago
  • 3.0.0-beta.1                                ...           2 years ago
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (5)
Dev Dependencies (4)
Dependents (2)

Copyright 2014 - 2016 © taobao.org |