Color Picker API

API Reference

Properties

Name Description Type Required Default value
value Gets or sets the selected color in the component. string -
key A key for storing the recently used colors. Color pickers with the same key will share their recent colors. If omitted, recent colors won't be stored.
In Vue.js key is a reserved attribute. Use :key.prop="'somekey'" to set this attribute.
string -
disabled Sets disabled state boolean false
readonly Sets read only state boolean false

Events

Event Description Returns
change Fires when the current color is changed inside the component. The value is a hexadecimal color code with hashmark, e.g. '#bada55'. { detail: { value: [hex code with hash] } }