Skip to main content

ColorPickerComponent

const ColorPickerComponent: object

Provides a component that offers the ability to pick a color, and which maintains a list of recent colors.

Type Declaration​

data()​

data: () => object

Returns​

CLASS_COLOR_PICKER​

CLASS_COLOR_PICKER: string

Assigned to the root element of a color picker

Css Class​
Context​

color-picker

CLASS_COLOR_PICKER_SWATCH​

CLASS_COLOR_PICKER_SWATCH: string

Assigned to each swatch element in a color picker

Css Class​
Context​

color-picker

CLASS_COLOR_PICKER_SWATCHES​

CLASS_COLOR_PICKER_SWATCHES: string

Assigned to the element of a color picker that contains swatches

Css Class​
Context​

color-picker

colorInput​

colorInput: HTMLInputElement

swatches​

swatches: string[]

methods​

methods: object

methods.addColor()​

addColor: (v) => void

Parameters​
v​

string

Returns​

void

methods.colorPicked()​

colorPicked: () => void

Returns​

void

methods.selectSwatch()​

selectSwatch: (c) => void

Parameters​
c​

string

Returns​

void

methods.setCurrentColor()​

setCurrentColor: () => void

Returns​

void

props​

props: object

props.maxColors​

maxColors: object

Maximum number of color swatches to show, defaults to 10

props.maxColors.default​

default: number = 10

props.maxColors.type​

type: NumberConstructor = Number

props.propertyName​

propertyName: StringConstructor = String

The property name in the data that this component manages. Required.

mounted()​

mounted(): void

Returns​

void

render()​

render(): VNode<RendererNode, RendererElement, {[key: string]: any; }>

Returns​

VNode<RendererNode, RendererElement, {[key: string]: any; }>