Color Picker

Usage

<script lang="ts">
    import { ColorPicker } from "@hyvor/design/components";

    let color = '#000000';
    let inputTimes = 0;
    let changedTimes = 0;
</script>

<ColorPicker
    bind:color={color}
    oninput={() => inputTimes++}
    onchange={() => changedTimes++}
/>

<p>Color: {color}, Changed {times} times</p>
Color: #000000, inputs: 0, changes: 0

With Alpha

<ColorPicker bind:color={color} alpha />
Color: #00000066, inputs: 0, changes: 0