Slider

Pick a value along a range.

Installation

import { Slider } from "~/components/ui/Slider";

Usage

<Slider defaultValue={40} />

API reference

PropTypeDefaultDescription
value / defaultValuenumber | number[]-Current value(s).
min / max / stepnumber-Range bounds and increment.
onValueChange(value) => void-Change handler.

Accessibility

  • Built on the Base UI Slider: keyboard support and slider ARIA; give it an aria-label.
View site