NeoTerm UI

Slider

Range slider with neon thumb and track fill.

Import

import { Slider } from "neoterm-ui";

Usage

<Slider value={volume} onChange={setVolume} label="Volume" />
<Slider value={50} min={0} max={200} step={5} showValue />

Props

PropTypeDefaultDescription
valuenumberCurrent value.
minnumber0Minimum value.
maxnumber100Maximum value.
stepnumber1Step increment.
onChange(value: number) => voidChange callback.
labelstringLabel text.
showValuebooleantrueDisplay numeric value.
disabledbooleanDisable the slider.