Skip to main content

ColorPicker API Overview

Initialization

import { ColorPicker } from "@svar-ui/react-core";

// 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

clearOptional. Adds the Clear button into a color picker input
disabledOptional. Defines whether a color picker is disabled
errorOptional. Defines whether error styling is applied to a color picker
idOptional. Sets an HTML id for a color picker
placeholderOptional. Sets a text for the input placeholder
titleOptional. Sets a tooltip text with additional info about the control
valueOptional. Sets the value of a color picker

ColorPicker Events

changeFires on a color change when a new value is selected