Skip to content

ColorPicker

Click the trigger swatch to open a color panel, supporting preset colors, HSV, and RGB input.

Basic Usage

Basic

Custom Preset Colors

Custom preset

Disabled

Disabled

Events

Change events

API

Attributes

AttributeDescriptionTypeDefault
disabledDisabledboolean
presetPreset color array (JSON)string
valueCurrent color (hex)string

Events

EventDescription
oas-changeColor change, detail: { value }

Keyboard: with the trigger button focused, / adjusts brightness; inside the panel, Esc closes, clicking outside closes.