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

Prop	Type	Default
className	string	-

GitHub

NPM