latest version

Range

Range option type.

Config

Name Type Default Description
min number 0 Specifies the minimum value allowed.
max number 100 Specifies the maximum value allowed.
step number 1 Specifies the legal number intervals.
unit string   Suffix range value with a unit.
updateRate number 16
Provide the update rate of the option.
Useful for performance reasons to prevent unnecessary element renderings.

Value

Name Type Description
from number Specifies the range start value.
to number Specifies the range end value.

Minimal Usage

{
  id: "priceRange",
  type: "range-dev"
}

Usage

{
  id: "price-range",
  type: "range-dev",
  config: {
    min: 100,
    max: 10000,
    step: 10,
    debounceUpdate: true,
    unit: "$",
  }
},