https://github.com/loadingio/ldcolorpicker

Palette-awared Color Picker
https://github.com/loadingio/ldcolorpicker

Last synced: 19 days ago
JSON representation

Palette-awared Color Picker

• Host: GitHub
• URL: https://github.com/loadingio/ldcolorpicker
• Owner: loadingio
• License: mit
• Created: 2015-05-26T05:23:04.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2023-06-20T16:22:19.000Z (over 2 years ago)
• Last Synced: 2025-09-29T13:18:31.866Z (4 months ago)
• Language: Pug
• Homepage: https://loadingio.github.io/ldColorPicker
• Size: 1.46 MB
• Stars: 9
• Watchers: 2
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![ldcolorpicker Banner](https://loadingio.github.io/ldcolorpicker/img/banner.png)

Palette-Aware Color Picker. [Demo + docs here](http://loadingio.github.io/ldcolorpicker/).

Features:

 * Load palette on the fly

 * Share palette across pickers

 * vanilla JS / jQuery / AngularJS compatible

 * highly configurable

Usage

--------

Download and include [dist/ldcp.min.js](https://raw.githubusercontent.com/loadingio/ldcolorpicker/master/dist/ldcp.min.js) and [dist/ldcp.css](https://raw.githubusercontent.com/loadingio/ldcolorpicker/master/dist/ldcp.css) file of ldcolorpicker:

    

    

Add data-toggle="colorpicker" in the input box you want to apply ldcolorpicker, e.g.:

    

and initialize with following script:

    

      new ldcolorpicker(document.querySelector('#ldcp'),{});

    

Documentation

---------------

check [this url](http://loadingio.github.io/ldcolorpicker/) for documentation and demos.

Todo

---------------

 * add 'pinned' indicator

 * mobile support

Naming Issue

---------------

Due to naming conflict with `ld-color-picker`, this package is named "@loadingio/ldcolorpicker" instead of "ldcolorpicker".

License

---------

MIT License