Blazorise ColorPicker component
The ColorPicker allow the user to select a color using a variety of input methods.
ColorPicker component is based on a Pickr library
and as such is not a native color input element. That means that unlike ColorEdit which will render <input type="color">,
ColorPicker will render span element.
Examples
Basic
Click the red area to activate the color picker. This is the basic variation of it.<ColorPicker Color="#ff0000" />
API
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 |