Skip to main content

Interface: SliderOption

Configuration for a slider-based numerical selection option.

BlockSliderSettings defines the behavior and appearance of a slider widget that enables users to select numerical values within specified ranges. The slider supports multiple range definitions, each with its own minimum, maximum, and step increment values.

Properties​

code?​

optional code: string

Configuration code used in the product variant code. Represents the selected slider value in the product configuration string.

defaultValue?​

optional defaultValue: string

Default value to display when the slider is first loaded. If not specified, the slider starts at the minimum value of the first range.

measurementUnit?​

optional measurementUnit: UnitLength

Unit of measurement displayed alongside the value (e.g., "cm", "inches", "kg"). Helps users understand the scale and units of the values they're selecting.

priceCode?​

optional priceCode: string

Code used for price calculations. Maps slider values to pricing logic, enabling dynamic pricing based on the selected value.

ranges​

ranges: SliderRange[]

Array of selectable ranges for the slider. Each range defines a minimum value, maximum value, and step increment. Multiple ranges allow for non-continuous selections or different granularities across the value spectrum.

showInputField​

showInputField: YesNoValue

If true, displays an input field allowing users to enter values directly. Provides an alternative to sliding for precise value entry, particularly useful for users who know their exact requirements.

showMinMaxIndicators​

showMinMaxIndicators: YesNoValue

If true, displays the min max values alongside the slider.

showStepIndicator​

showStepIndicator: SliderStepIndicator

Controls the frequency of step indicators displayed on the slider track. Options include showing indicators for every step, every N steps, or none. Step indicators help users understand the granularity of available values.

themeColours?​

optional themeColours: YesNoValue

Theme identifier for styling the slider widget. Determines the visual appearance including colors, sizing, and styling to match the overall product configurator theme.

updateInRealTime?​

optional updateInRealTime: YesNoValue

value?​

optional value: number

visibility-code?​

optional visibility-code: string

Determines when this option is available based on other selections. Conditional visibility code that controls slider display logic.