efeskucuk / svelte-color-picker

A color picker component for svelte

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Svelte Color Picker [Demo Page]

svelte-v3

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.

</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

About

A color picker component for svelte

License:MIT License


Languages

Language:Svelte 81.8%Language:JavaScript 12.9%Language:CSS 3.8%Language:HTML 1.5%