Slider

Dark Mode

Props

Name
Type
Default
Description
onChange*
func
The change event handler.
name*
string
A unique semantic name that is connected to the label.
description
string
Additional description information display beneath the input.
disabled
bool
Sets disabled.
errorMessage
string
An error message text to display
label
string
The label text.
max
number
100
min
number
0
renderValue
func
(value) => value + '%'
A function that receives the value and returns the value label
required
bool
Sets required.
step
number
1
value
number
0
The controlled value.
valueWidth
number
36
The fixed width of the value label

Examples

Min / Max / Steps

Description & Error Message

Hint

Render value

Controlled