Command Palette

Search for a command to run...

Slider

An input for selecting a value from a range. Built on Base UI Slider primitive.

Installation

npx shadcn add slider --registry https://ui.ch.sh/r

Usage

import { Slider } from "@/components/ui/slider"

export default function Example() {
  return <Slider defaultValue={[50]} max={100} />
}

Examples

Range