Discrete Slider

[lixiaoyan]

Provide a general summary of the feature here

Example: Discrete slider example in MUI

Screen.Recording.2025-05-22.at.4.46.26.PM.mov

Might be related to #8285.

🤔 Expected Behavior?

Support discrete sliders; the steps can be distributed evenly or not. Arrow keys should move the slider to the previous/next tick.

There may be a different method for mapping ticks to values. For example, values might be string enums rather than numbers.

😯 Current Behavior

Currently, discrete sliders are not fully supported in React Spectrum/React Aria.

💁 Possible Solution

No response

🔦 Context

Use cases:

• Use a slider to select subscription plans (arranged by e.g. price; not a true slider)
• Use a slider to choose a number, however only a limited set of values are allowed (ticks are placed proportionally on the track)

💻 Examples

No response

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[reidbarber]

I think the step prop covers the discrete values aspect of this, and #1830 covers the non-evenly distributed use case.