GitHubReact Aria

Slider components

Learn how to use the slider components in your project.

Slider example

Installation

You can add this slider component using our CLI or manually:

npx untitledui add slider

Slider examples

Below are examples and variations of this slider component:

Default

Bottom label

0%
25%

Top floating

0%
25%

Single thumb

50%
Progress indicatorsVideo players