components

Slider

Select values by dragging a handle along a track

Source CodeRadix UI

Installation

pnpm dlx radianui@latest add slider

Usage

Imports

/components/ui/slider.tsx
import { Slider, SliderThumb } from "@/components/ui/slider"

Code

/components/ui/slider.tsx
<Slider />

Examples

With Stepper

Range

With Input

With Tooltip

With Marks

0255075100

Form

Props

<Slider>
NameDefaultValues
disabledfalseboolean
orientation-horizantalvertical
External Reference--