- Docs
- components
- Slider
Slider
A slider allows a user to select one or more values within a range.
The <input type="range"> HTML element can be used to build a slider, however it is very difficult to style cross browser. Slider helps achieve accessible sliders that can be styled as needed.
Preview
Code
Installation
CLI
Copy & Paste
This components uses the following components, which you also need to install:
Copy and paste the following code into your project: calendar.tsx
Loading...Update the import paths to match your project setup.
Copy and paste the following code into your project: slider.tsx
Loading...Update the import paths to match your project setup.
Examples
Basic
Preview
Code
Validation
Custom value scale
Preview
Code
Step values
Preview
Code
Visual Options
Vertical orientation
Preview
Code
Disabled
Preview
Code