ColorPickerComponent
constColorPickerComponent: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; }>