Studiov0.6.0

Slider

Tier 1 — shadcn
Inputs

A range input for selecting a numeric value within a min–max range.

Live Preview

Code

import { Slider } from "@regen/ui";

<Slider />

Props Inspector

false

Documentation

Use Cases

  • •Volume or brightness controls
  • •Price range filters
  • •Percentage allocation inputs

Do

  • ✓Show current value near the thumb
  • ✓Set meaningful min/max/step values

Don't

  • ✗Don't use for precise numeric input — use Input
  • ✗Don't set range so large precision is lost