Skip to main content

Slider

Preview

Single Value Slider

20%

Range Slider

30%
70%
import Slider from "@repo/ui/Slider";
import { useState } from "react";

const [value, setValue] = useState(20);
const [range, setRange] = useState([30, 70]);

<Slider
value={singleValue}
onChange={(value) => setValue(value as number)}
/>

<Slider
range
value={rangeValue}
onChange={(value) => setRange(value as [number, number])}
/>

Installation

npx the-dig@latest add Slider

props

PropTypeDefault
classNamestring-

GitHub


NPM