DWG · 01.11 · COMPONENT SPEC

Slider

A value along a scale — a ruler with a square thumb. Field-wrapped, so it carries a label, a live value readout, and hint/error states.

Default

01.11·A
PREVIEWPX · 1:1
60
<Slider label="Opacity" defaultValue={60} />

Stepped + range annotation

01.11·B
PREVIEWPX · 1:1
25

Snaps to 5px increments

<Slider
  label="Grid spacing"
  min={0}
  max={50}
  step={5}
  defaultValue={25}
  hint="Snaps to 5px increments"
/>

Disabled

01.11·C
PREVIEWPX · 1:1
40
<Slider label="Opacity" defaultValue={40} disabled />