Slider

The level control with the onChange/onCommit split: live feel every movement, persist once on release — hardware and API consumers never flood.

npx candlelight-ds add slider

Use when

Setting a level — brightness, volume, temperature, intensity.

Don't use when

Picking among a few discrete options (SegmentedControl).

States

restingdragging (live onChange)released (onCommit)disabledspectrum track

Keyboard

• ←/→steps the value
• Home/Endmin/max

Acceptance

• onChange fires every movement; onCommit exactly once on release.
• Flat two-zone progress paint — no gradient chrome (the spectrum track is content, not chrome).

Raw twin: /components/slider.md·Registry item: /r/slider.json