Properties for creating custom steps in a slider. These properties should be passed in as an object within an array to the slider component's customSteps property.

interface SliderStepObject {
    isLabelHidden?: boolean;
    label: string;
    value: number;
}

Properties

isLabelHidden?: boolean

Flag to hide the label.

label: string

The display label for the step value. This is also used for the aria-valuetext attribute.

value: number

Value of the step. This value is a percentage of the slider where the tick is drawn.