Skip to main content

Slider API

Properties
NameTypeDefaultDescription
valuestring50Initial value. For range sliders, provide two comma-separated values, e.g. '20,80'.
rangebooleanfalseEnables range mode with two handles.
minint0Minimum value. Must be less than max.
maxint100Maximum value. Must be greater than min.
stepint1Step interval between values.
show-stepsbooleanfalseDisplays step markers along the slider track.
min-labelstringText label displayed at the minimum position.
max-labelstringText label displayed at the maximum position.
no-bubblebooleanfalseHides the value tooltip on the drag handle.
disabledbooleanfalseDisables the slider.
Events
EventDescriptionReturns
updateFires when the value changes. inprogress is true while dragging. lowValue and highValue are only present in range mode.{ detail: { value: string, inprogress: boolean, lowValue?: number, highValue?: number } }