Color Picker API

Properties

Name	Type	Default	Description
value	string	—	Gets or sets the selected color. Must be a valid CSS hex color.
key	string	—	Storage key for sharing recently used colors between pickers. Omit to disable recent-color storage. In Vue, use :key.prop="'somekey'" because key is reserved.
disabled	boolean	false	Disables the picker.
readonly	boolean	false	Makes the picker read-only.
inline	boolean	false	Renders the color picker as a standalone (always-visible) component.

Events

Event	Description		Returns
change	Fires when the selected color changes. Value is a hex color code with a leading hash, e.g. #bada55.		{ detail: { value: string } }