Svelte-color-picker NPM

Svelte Color Picker [Demo Page]

Installation

With npm

$ cd yourSvelteProject
$ npm i svelte-color-picker

Usage

In your component :

<script>
import {HsvPicker} from 'svelte-color-picker';

function colorCallback(rgba) {
	console.log(rgba.detail)
}
</script>

<HsvPicker on:colorChange={colorCallback} startColor={"#FBFBFB"}/>

Components

Svelte Color Picker currently has one type of colorpicker.

\

Props	Value Type	Use
on:colorChange	function	Given function gets called every time color changes
startColor	string	Initializes color picker with the value (hexadecimal without alpha).