Slider

ui

Range slider on radix-ui with 4 tones (neutral, brand, success, danger) coloring the range and thumb, and 3 sizes (sm, md, lg) for the track and thumb. Supports single and multi-thumb, horizontal and vertical.

pnpm dlx shadcn@latest add "https://ai2.design/r/slider.json"

Sign In

Slider

ui

Range slider on radix-ui with 4 tones (neutral, brand, success, danger) coloring the range and thumb, and 3 sizes (sm, md, lg) for the track and thumb. Supports single and multi-thumb, horizontal and vertical.

pnpm dlx shadcn@latest add "https://ai2.design/r/slider.json"

components/ui/slider.tsx