Reference Source
import {ColorInput} from '@adobe/coral-spectrum'
public class | source

ColorInputSlider

Extends:

HTMLElementSlider → ColorInputSlider

A ColorInput Slider component

See:

Example:

Markup
<coral-colorinput-slider></coral-colorinput-slider>
JS constructor
new Coral.ColorInput.Slider();

Member Summary

Public Members
public

The gradient shown as slider background as space separated values (at least 2 values needed).

Inherited Summary

From class Slider
public static

Returns Slider orientation options.

public

The slider's content.

  • content-zone

public

Whether this field is disabled or not.

public

Fill a value or value range using a highlight color.

public

The Collection Interface that allows interacting with the items that the component contains.

public

Inherited from BaseFormField#labelledBy.

public

The maximum value.

public

The minimum value.

public

Name used to submit the data in a form.

public

Orientation of the slider.

public

Whether this field is readOnly or not.

public

Whether this field is required or not.

public

Display the slider value.

public

Increment value of one step.

public

This field's current value.

  • "" by default.

public

The value returned as a Number.

Public Members

public gradient: String source

The gradient shown as slider background as space separated values (at least 2 values needed). e.g: #ff0000 #ffff00 #00ff00 #00ffff #0000ff #ff00ff #ff0000

  • "" by default.