Color Picker

The ColorPicker component is currently in development. At the moment, it uses the browser native color picker. This will be replaced with a custom color picker in the future.

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

Table of Contents