Closed
Description
The problem
The range slider component currently relies on the user to review the left min or right max value to determine what number is being currently selected. Based on a conversation with theDesign Systems Adoption Guild and the Carbon team, tooltip indicators would be a welcome addition to the pattern.
The solution
Upon hover on the minimum or maximum value handle, show a tooltip that displays the number that corresponds to the active handle.
Examples
| Example | Source |
|---|---|
| https://m3.material.io/components/sliders/specs | |
| https://api.flutter.dev/flutter/material/RangeSlider-class.html |
Application/PAL
Carbon for Cloud
Business priority
Low Priority = release date is not dependent on fix or not upcoming
Available extra resources
None, but work has been done on the base version of the Range Slider component via #6337. What needs to be added is the tooltip interaction.
Code of Conduct
- I agree to follow this project's Code of Conduct
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Metadata
Assignees
Labels
Due to roadmap and resource availability, we are looking for outside contributions on this issue.Due to roadmap and resource availability, we are looking for outside contributions on this issue.This request has gone through triaging and we are accepting PR's against it.This request has gone through triaging and we are accepting PR's against it.
Type
Projects
Status
Completed 🚢