Skip to main content
ParticleUI

Slider

Range slider built on Radix UI with electric glow on the thumb.

Volume40%
Price range$20 — $75

Installation

1

Run the CLI

$npx particleui-cli add slider

Usage

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

export default function Example() {
  return <Slider defaultValue={[50]} max={100} step={1} className="w-64" />
}

Details

Source filecomponents/ui/slider.tsx
Typeui
Categoriesforms, core
npm dependencies@radix-ui/react-slider
Registry deps
Claude skill