Skip to main content

Slider

Since 2.0.0

Examples​

Basic​

PreviewAngularReactVueJavaScript

Marker​

PreviewAngularReactVueJavaScript

Trace​

PreviewAngularReactVueJavaScript

Error​

PreviewAngularReactVueJavaScript

API​

Properties​

Name
Description and specifications
disabled
Show control as disabled
Attribute:
disabled
Type:
boolean
Default:
false
error
Show error state and message
Attribute:
error
Type:
boolean ｜ string ｜ undefined
marker
Define tick marker on the slider. Marker has to be within slider min/max
Type:
number[] ｜ undefined
max
Maximum slider value
Attribute:
max
Type:
number
Default:
100
min
Minimum slider value
Attribute:
min
Type:
number
Default:
0
step
Legal number intervals
Attribute:
step
Type:
number
Default:
1
trace
Show a trace line
Attribute:
trace
Type:
boolean
Default:
false
traceReference
Define the start point of the trace line
Attribute:
trace-reference
Type:
number
Default:
0
value
Current value of the slider
Attribute:
value
Type:
number
Default:
0

Events​

Name
Description and specifications
valueChange
Detail:
number

Slots​

Name
Description and specifications
label-end
Element will be displayed at the end of the slider
label-start
Element will be displayed at the start of the slider