Fabricator UI
Search documentation
Search pages, components, blocks, styles and colours.
An input where the user selects a value from within a given range.
Installation
Usage
import { Slider } from "@/components/ui/slider"<Slider defaultValue={[33]} max={100} step={1} />Range
Use an array with two values for a range slider.
Multiple Thumbs
Use an array with multiple values for multiple thumbs.
Vertical
Use orientation="vertical" for a vertical slider.
Controlled
0.3, 0.7
Disabled
Use the disabled prop to disable the slider.
API Reference
See the React Aria Slider documentation.