Skip to main content

ColorPicker

Allow users to select a color from a color palette.

Anchor to propertiesProperties

Anchor to alpha alpha boolean: Allow user to select an alpha value.
Anchor to defaultValue defaultValue string: The default value for the field.
Anchor to formResetCallback formResetCallback () => void
Anchor to name name string: An identifier for the field that is unique within the nearest containing form.
Anchor to value value string: The currently selected color.

Supported formats include:

HSL @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl

HSLA @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsla

RGB @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb

RGBA @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb

Hex (3-value, 4-value, 6-value, 8-value) @see https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color

For RGB and RGBA, both the legacy syntax (comma-separated) and modern syntax (space-separate) are supported.

Was this section helpful?

Anchor to eventsEvents

Learn more about registering events.

Anchor to change change <typeof tagName> | null
Anchor to input input <typeof tagName> | null

Was this section helpful?

Code

<s-color-picker

value="#FF0000"

alpha

></s-color-picker>

Preview