Skip to content
Perimeter Style

Slider

An input for selecting a value from a range by dragging a thumb.

Usage

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

<Slider disabled={false}>...</Slider>
<Slider disabled={false}>...</Slider>

Light

Dark

Default

Metrics

Perimeter Api

Slider Controls

disabled

Examples

Single Value

Range

Disabled

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/slider

Search

Search for components, templates, and more.