Complete reference for configuration options, initialization parameters, and runtime event lifecycle used by the ColorPickUp framework.
| Property | Type | Default | Description |
|---|---|---|---|
style |
String | modern |
Selects the rendering engine such as Glass, Windows 11, macOS, Figma, Terminal and more. |
theme |
String | light |
Controls the visual palette including Dark, Dracula, Nord, Catppuccin and Auto. |
animation |
String | scale |
Defines the popup transition effect. |
historyLimit |
Number | 10 |
Maximum number of stored recent colors. |
components |
Object | {...} |
Enable or disable History, Harmony, Contrast Checker, Eyedropper and other modules. |
| Event | Dispatch Target | Description |
|---|---|---|
open |
Bound Input | Triggered immediately after the picker opens. |
close |
Bound Input | Triggered when the picker closes. |
input |
Bound Input | Continuously fires while selecting colors. |
colorpickup:pick |
document |
Global event exposing the selected value through event.detail.color. |