Color Gradient Picker

Example

Small

Usage

<script lang="ts">
	import { ColorGradientPicker } from '@fuxui/colors';

	let colors = $state([
		{ rgb: { r: 0, g: 0, b: 1 }, position: 0 }, // blue
		{ rgb: { r: 1, g: 0, b: 0 }, position: 0.5 }, // red
		{ rgb: { r: 1, g: 1, b: 0 }, position: 1 } // yellow
	]);
</script>

<ColorGradientPicker bind:colors />