Skip to content

[Primitive] Slider #56

@jbatte47

Description

@jbatte47

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.

Metadata

Metadata

Assignees

No one assigned

    Projects

    Status
    Backlog

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions