https://github.com/agence-webup/double-rainbow
A simple and lightweight color picker
https://github.com/agence-webup/double-rainbow
color-picker json picker vanilla
Last synced: 11 months ago
JSON representation
A simple and lightweight color picker
- Host: GitHub
- URL: https://github.com/agence-webup/double-rainbow
- Owner: agence-webup
- License: mit
- Created: 2016-10-14T11:04:02.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-14T10:57:44.000Z (over 9 years ago)
- Last Synced: 2024-10-30T02:02:06.585Z (over 1 year ago)
- Topics: color-picker, json, picker, vanilla
- Language: JavaScript
- Homepage: https://agence-webup.github.io/double-rainbow/
- Size: 45.9 KB
- Stars: 3
- Watchers: 6
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# double-rainbow
Double-rainbow allows you to transform a `````` into a nice color picker.
## Demo
[https://agence-webup.github.io/double-rainbow/](https://agence-webup.github.io/double-rainbow/)
## Install
### bower
```shell
bower install --save double-rainbow
```
### npm
```shell
npm install --save double-rainbow
```
## Use
Just add a simple select with supported values for colors (option text is used for color title)
```js
red
blue
yellow
orange
green
brown
grey
turquoise
pink
```
Then, instanciate double-rainbow
```js
let picker = new DoubleRainbow('#picker').init();
```
The select will be replaced by the picker.
That's all!
## Styling
Double-rainbow is fully customizable via CSS. Feel free to be inspired by the [default style](https://github.com/agence-webup/double-rainbow/blob/master/src/double-rainbow.css).
## Licence
Released under the [MIT LICENSE](http://opensource.org/licenses/MIT)
Developed by [robinparisi](https://github.com/robinparisi/) [@agencewebup](https://github.com/agence-webup)