Components · Forms

Slider

A fader for continuous values. The current value is printed beside the label. There are no rotary knobs in Andeus Design.

jsx

import { Slider } from '@andeus/ui';

Fader

Lookback200d

jsx

const [lookback, setLookback] = useState(200);

<Slider label="Lookback" min={20} max={400} step={10}
  value={lookback} onChange={setLookback} format={(v) => v + 'd'} width={280} />

Props

Prop	Type	Default
value	`number`	0.5	Controlled with onChange; or pass defaultValue / defaultChecked.
min	`number`	0
max	`number`	1
step	`number`	—	Snaps when set.
label	`string`	—
format	`(v: number) => string`	—	Formats the printed value.
width	`number \| string`	200

PreviousSwitch NextSegmented