import {ColorPicker} from '@adobe/coral-spectrum'

public class | source

ColorArea

Expression Extends:

class ColorArea extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A ColorPicker area component to select Saturation and Value

See:

../examples/#colorpicker

Example:

Markup

<coral-colorpicker-colorarea></coral-colorpicker-colorarea>

JS constructor

new Coral.ColorPicker.ColorArea();

Constructor Summary

Public Constructor
public	constructor()

Member Summary

Public Members
public	color: String The ColorArea color string in hsla format.
public	disabled: Boolean Whether this field is disabled or not.
public	label: String The ColorArea label.
public	x: String The ColorArea x value.
public	y: String The ColorArea y value.

Method Summary

Public Methods
public	focus()

Public Constructors

public constructor() source

Public Members

public color: String source

The ColorArea color string in hsla format.

hsla(0, 100%, 50%, 1) by default.
reflected

public disabled: Boolean source

Whether this field is disabled or not.

false by default.
reflected

public label: String source

The ColorArea label.

'' by default.
reflected

public x: String source

The ColorArea x value. value should be in multiple of x-step size.

1 by default.
reflected

public y: String source

The ColorArea y value. value should be in multiple of y-step size.

1 by default.
reflected