Slider
An input that allows for selecting 1 or multiple values from a given range.
Importing
1
import { Slider } from '@infinityfx/fluid';Usage
API reference
Slider Props
handles?
number
1
The number of handles this slider should have.
vertical?
boolean
false
Renders the slider vertically.
tooltips?
'never' | 'interact' | 'always'
'interact'
When to display a tooltip above each handle.
formatTooltip?
(value: number) => string
Custom formatter function for the tooltip value.
label?
string
Label displayed above the slider track.
value?
number[]
Controlled values for each handle.
defaultValue?
number[]
Default values for uncontrolled usage.
onChange?
(values: number[]) => void
disabled?
boolean
false