Slider

The Slider component is an interactive way for a user to select a numerical value within a range. It is more visual and intuitive, leading to a sleek and more direct user interface.

Examples

Default

Default Slider.

Controlled Slider

Change the initial level by passing the defaultValue prop to the component.

Installation

Properties

For more advanced usage, see https://www.radix-ui.com/primitives/docs/components/slider (opens in a new tab).