Pill-style slider with tick marks, editable input, and snap points.
Click the value to type a specific number
Discrete positions that snap when dragging
Editable + Snap points together
Editable: Pass editable prop to allow clicking the value to type directly. Press Enter to confirm or Escape to cancel.
Snap Points: Pass snapPoints={[0, 25, 50, 75, 100]} for discrete positions. The slider will snap to the nearest point while dragging.
Tick Count: Adjust tickCount to match your snap points for visual alignment.