Narwhal Parade Maestro

    color-picker

    0.0.1 • Public • Published

    ColorPicker

    Simple color picker component. Chuck it on a page, in a Dialog, in a Popover etc.

    js color picker component

    Installation

    $ component install component/color-picker
    

    Example

    var ColorPicker = require('color-picker');
     
    var picker = new ColorPicker;
    picker.el.appendTo('body');
    picker.on('change', function(color){
      $('.rgb').text(color.toString()).css('background', color);
    });

    Events

    • change (color) when the color selection changes

    API

    ColorPicker#size(n)

    Define the color picker width / height.

    ColorPicker#width(n)

    Define the color picker width.

    ColorPicker#height(n)

    Define the color picker height.

    ColorPicker#color()

    Get the current selected color object with .r, .g, and .b values. The .toString() method on these color objects is the string representation such as "rgb(255,0,0)".

    ColorPicker#color(str)

    Set the color value to str.

    License

    MIT

    Keywords

    none

    Install

    npm i color-picker

    DownloadsWeekly Downloads

    183

    Version

    0.0.1

    License

    none

    Last publish

    Collaborators

    • tjholowaychuk