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

RangedSlider

Extends:

HTMLElementSlider → RangedSlider

A Ranged Slider

See:

Example:

Markup
<coral-rangedslider></coral-rangedslider>
JS constructor
new Coral.RangedSlider();

Member Summary

Public Members
public

The ending value of the range.

public

Ranged sliders are always filled.

public

The starting value of the range.

public

This field's current value.

  • "" by default.

public

The current values of the ranged slider.

Method Summary

Public Methods
public

clear()

Inherited from BaseFormField#clear.

public

reset()

Inherited from BaseFormField#reset.

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 endValue: String source

The ending value of the range.

  • '100' by default.

Emit:

change

public filled: Boolean source

Ranged sliders are always filled.

  • true by default.
  • reflected

Override:

Slider#filled

public startValue: String source

The starting value of the range.

  • '1' by default.

Emit:

change

public value: String source

This field's current value.

  • "" by default.

Override:

Slider#value

public values: Array<String> source

The current values of the ranged slider.

  • [Coral.RangedSlider#startValue,Coral.RangedSlider#endValue] by default.

Emit:

change

Public Methods

public clear() source

Inherited from BaseFormField#clear.

public reset() source

Inherited from BaseFormField#reset.