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}
    on:input={() => inputTimes++}
    on:change={() => changedTimes++}
/>

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