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

Slider

Expression Extends:

class Slider extends BaseFormField(BaseComponent(HTMLElement))

A Slider component is a form field that can be used to set a number within a range.

See:

Example:

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

Static Member Summary

Static Public Members
public static

Returns Slider orientation options.

Member Summary

Public Members
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.

Static Public Members

public static orientation: SliderOrientationEnum: * source

Returns Slider orientation options.

Public Members

public content: SliderContent source

The slider's content.

  • content-zone

public disabled: Boolean source

Whether this field is disabled or not.

  • false by default.
  • reflected

public filled: Boolean source

Fill a value or value range using a highlight color.

  • false by default.
  • reflected

public items: Collection source

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

  • read-only

public labelledBy: * source

Inherited from BaseFormField#labelledBy.

public max: Number source

The maximum value.

  • 100 by default.
  • reflected

public min: Number source

The minimum value.

  • 1 by default.
  • reflected

public name: String source

Name used to submit the data in a form.

  • "" by default.
  • reflected

public orientation: String source

Orientation of the slider. See SliderOrientationEnum.

  • SliderOrientationEnum.HORIZONTAL by default.
  • reflected

public readOnly: Boolean source

Whether this field is readOnly or not. Indicating that the user cannot modify the value of the control.

  • false by default.
  • reflected

public required: Boolean source

Whether this field is required or not.

  • false by default.
  • reflected

public showValue: Boolean source

Display the slider value.

  • false by default.
  • reflected

public step: Number source

Increment value of one step.

  • 1 by default.
  • reflected

public value: String source

This field's current value.

  • "" by default.

public valueAsNumber: Number source

The value returned as a Number. Value is NaN if conversion to Number is not possible.

  • NaN by default.