Slider
Range selector with single or dual thumbs, step snapping, marks, and keyboard arrow support.
Preview
example.tsxtsx
Value: 40
Installation
Install the individual package:
snippet.bashbash
pnpm add @sisyphos-ui/slider @sisyphos-ui/coreOr use the umbrella package that bundles everything:
snippet.bashbash
pnpm add @sisyphos-ui/uiUsage
Import the component styles and the component itself:
snippet.tsxtsx
import "@sisyphos-ui/slider/styles.css";
import { Slider } from "@sisyphos-ui/slider";Range
Pass two thumbs by adding `range` and a tuple value.
example.tsxtsx
Range: 20 – 80
API
Props table is being written. See the package README for the complete API surface.
The full API including refs, ARIA attributes, and HTML passthroughs lives in the package README.