ColorPicker API Overview

Initialization

<script>
  import { ColorPicker } from "@svar-ui/svelte-core";
</script>

<!-- minimal configuration for initialization -->
<ColorPicker />

tip

• Visit the Features Guide to learn more about the control's functionality.
• Explore the samples to visualize the available features.

ColorPicker Properties

clear	Optional. Adds the Clear button into a color picker input
disabled	Optional. Defines whether a color picker is disabled
error	Optional. Defines whether error styling is applied to a color picker
id	Optional. Sets an HTML id for a color picker
placeholder	Optional. Sets a text for the input placeholder
title	Optional. Sets a tooltip text with additional info about the control
value	Optional. Sets the value of a color picker

ColorPicker Events

change	Fires on a color change when a new value is selected