2.0.6 • Published 11 months ago

@cloudparker/easy-color-picker-svelte v2.0.6

Weekly downloads
-
License
MIT
Repository
-
Last release
11 months ago

easy-color-picker

Implement this simple and lightweight color picker specifically for Svelte without any dependencies, maintaining a small package footprint. Easily obtain the color value by utilizing the on:change event for the picker. Simply add it to any component. It will work well on mobile devices also.

Install

npm install @cloudparker/easy-color-picker-svelte -D

Screenshot

Sample

<script lang="ts">
	import EasyColorPicker from '@cloudparker/easy-color-picker-svelte';
	//...

	const handleColor = (color:string) => {
		console.log(color);
	};
</script>

<EasyColorPicker 
color="#ff0000" 
onColor={handleColor} 
colorPalletes={['#f57f17', '#00c853', '#00bfa5', '#2962ff']}
>
</EasyColorPicker>

Demo

NA

Props

color: string

default: #0000ff Bind the color value in hex format.

colorPalletes: string[]

Set colors for quick access, can set max 4 colors into it.

Events

onColor Tigger with the color value rgb or rgba or hex format when color changed.

2.0.3

11 months ago

2.0.5

11 months ago

2.0.4

11 months ago

2.0.6

11 months ago

2.0.1

11 months ago

2.0.0

11 months ago

1.4.0

1 year ago

1.3.1

1 year ago

1.2.0

2 years ago

1.1.0

2 years ago

1.3.0

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago