2.0.6 • Published 11 months ago
@cloudparker/easy-color-picker-svelte v2.0.6
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