Components / Slider

Slider

Picking a numeric value, or a range with two thumbs, along a continuum: intensity, budget split.

import { Slider } from '@layers/ui/slider'

Rendered stock

House rules

  • Track and range keep the semantic tokens (bg-muted, bg-primary); never recolor.
  • For audio trimming and track selection use AudioSlider; it adds the waveform and playhead.