Easy configurable gradient picker, with no dependencies
npm install grapick
Easy configurable gradient picker, with no dependencies.

You can download the file from here (CSS), via npm i grapick or directly from the /dist folder of this repo
``html
`
* pfx - Class prefix (string)el
* - Element on which the picker will be attached (HTMLElement or query string)colorEl
* - Element to use for the custom color picker, eg. ''min
* - Minimum handler position, default: 0 (integer)max
* - Maximum handler position, default: 100 (integer)direction
* - Any supported gradient direction: '90deg' (default), 'top', 'bottom', 'right', '135deg', etc.type
* - Gradient type, available options: 'linear' (default) | 'radial' | 'repeating-linear' | 'repeating-radial'height
* - Gradient input height, default: '30px'width
* - Gradient input width, default: '100%'emptyColor
* - Default empty color (when you click on an empty color picker area)onValuePos
* - Format handler position value, default (to avoid floats): val => parseInt(val)
Grapick is color picker independent and uses the browser's native one, by default, just to make it more accessible, but you can easily switch it with one of your choices (recommended as not all browsers support properly input[type=color]).
In the example below we use spectrum color picker just as the proof of concept
`html
`
Available events
* change - Gradient is changedhandler:drag:start
* - Started dragging the handlerhandler:drag
* - Dragging the handlerhandler:drag:end
* - Stopped dragging the handlerhandler:select
* - Handler selectedhandler:deselect
* - Handler deselectedhandler:add
* - New handler addedhandler:remove
* - Handler removedhandler:color:change
* - The color of the handler is changedhandler:position:change
* - The position of the handler is changed
Clone the repository and enter inside the folder
`sh`
$ git clone https://github.com/artf/grapick.git
$ cd grapick
Install it
`sh`
$ npm i
Start the dev server
`sh`
$ npm start
Run tests
`sh`
$ npm test
Run and watch tests
`sh``
$ npm run test:dev
MIT