Skip to main content

Color Picker

shadow

Color picker is an element that displays a color palette and allows users to select one of its colors. Displays the hex code of the selected color, which can be easily copied by the user.

Basic usage

Attributes and Properties

No properties available for this component.

Events

NameDescription
undefinedEmitted when selecting a color with a color value in multiple formats.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
anchorAnchor element.
pickerMain container for color selection.
markerColour selection marker.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

NameDescription
anchorA slot for the anchor element that displays the color selection dropdown.