Slider

An input where the user selects a value from within a given range.

Docs API Reference

Component slider-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

import {
  Slider,
  SliderFill,
  SliderThumb,
  SliderTrack,
} from "@components/ui/slider"
<Slider>
  <SliderTrack>
    <SliderFill />
    <SliderThumb />
  </SliderTrack>
</Slider>

Examples

Vertical

Component slider-vertical-demo not found in registry.

Custom Label

Component slider-custom-label-demo not found in registry.

SkeletonSonner