Redpanda UI
RC
Redpanda UI

Slider

An input where the user selects a value from within a given range.

Made by shadcn
Loading component...

When to use

Sliders allow users to select a value from a range. Use this decision tree:

Installation

Usage

import { Slider } from "@/components/ui/slider"
<Slider defaultValue={[33]} max={100} step={1} />

Props

Credits

  • We use Radix UI for the slider component.
  • We take our inspiration from Shadcn UI for the slider style.

Built by malinskibeniamin. The source code is available on GitHub.

On this page