Railbase
GPTClaude

Slider

A draggable control for selecting a value from a range.

Updated

Default
<Slider defaultValue={[50]} min={0} max={100} step={1} class="w-full max-w-sm" />

A draggable control for selecting a value from a range.

Installation

railbase ui add slider

Note

railbase ui add also copies shared primitives — they ship alongside this component automatically.

Usage

import { Slider } from "@/lib/ui/slider";

<Slider defaultValue={[50]} min={0} max={100} step={1} />