svelte-color-picker

Svelte Color Picker

The fork of svelte-color-picker. Supporting Two way data binding.

Svelte Color Picker [Demo Site]

The fork of Svelte Color Picker.

Supporting Two way data binding. Written by TypeScript and SCSS.

Installation

With npm

$ cd yourSvelteProject
$ npm i minorin22/svelte-color-picker

Usage

In your component :

<script>
import HsvPicker from 'svelte-color-picker/src/HsvPicker.svelte';

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

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

Components

Svelte Color Picker currently has one type of colorpicker.

</HsvPicker>

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).

License

MIT

Top categories

Loading Svelte Themes