components / range

range.

thin minimal slider. native input with a custom 12px thumb on a 2px track; thumb scales on hover.

40
installation
bunx @justin06lee/chrome@latest add range
usage
Controlled
40
const [v, setV] = useState(40);


<Range value={v} onChange={setV} />
Stepped
4
<Range value={v} onChange={setV} min={0} max={10} step={2} />