Summary
Introduce a Slider primitive for numeric range selection.
Intended role in Lattice
Slider provides an accessible control for selecting a numeric value without product logic.
Proposed API
value / onValueChange (controlled)
min / max / step
size: sm | md | lg
state: default | invalid | disabled | loading
Variants
size: sm | md | lg
state: default | invalid | disabled | loading
Non-goals
- Does not implement range sliders (multi-thumb) unless specified.
- Does not accept arbitrary colors.
States
default | hover | focus-visible | active | invalid | disabled | loading.
Accessibility checklist
- Implements slider ARIA pattern.
- Keyboard controls for increment/decrement.
- Proper
aria-valuemin, aria-valuemax, aria-valuenow.
Summary
Introduce a
Sliderprimitive for numeric range selection.Intended role in Lattice
Sliderprovides an accessible control for selecting a numeric value without product logic.Proposed API
value/onValueChange(controlled)min/max/stepsize:sm | md | lgstate:default | invalid | disabled | loadingVariants
size:sm | md | lgstate:default | invalid | disabled | loadingNon-goals
States
default | hover | focus-visible | active | invalid | disabled | loading.Accessibility checklist
aria-valuemin,aria-valuemax,aria-valuenow.