ColorPicker component

ColorPicker is based on a Pickr library and as such is not a native color input element. That means that unlike ColorEdit which will render type="color", ColorPicker will render span element.

Basic Example

Click the red area to activate the color picker. This is the basic variation of it.
<ColorPicker Color="#ff0000" />

Attributes

Name Description Type Default
Color Gets or sets the input color value in hex format. string null
ColorChanged Occurs when the color has changed. EventCallback<string>
Palette List a colors below the colorpicker to make it convenient for users to choose from frequently or recently used colors. string[]
ShowPalette Controls the visibility of the palette below the colorpicker to make it convenient for users to choose from frequently or recently used colors. bool true
HideAfterPaletteSelect Automatically hides the dropdown menu after a palette color is selected. bool true
ShowClearButton Controls the visibility of the clear buttons. bool true
ShowCancelButton Controls the visibility of the cancel buttons. bool true