-
Notifications
You must be signed in to change notification settings - Fork 32
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Range slider component #220
Comments
Range SliderThe Range Slider allows the user to pick a value from a predefined range. It comes in 4 distinct forms:
The Slider can accept an icon either side of it to give content to the value being changed. StatesThe Range Slider Handles have two states - default and active. When being dragged, the Handle has a light blue border that expands out behind it. The current value of the slider is also displayed above the handle whilst active. Abstract LinkComments
|
Your Q about vertical: we should include vertical in the designs (i.e. not rule it out), even if we can't think of any specific examples. It'd be good to get some user feedback on vertical and horizontal - it might be that RN users prefer one due to how something else is presented to them (either in existing apps or commonly used hardware)? |
This is now just awaiting design documentation. |
Description
A range slider is an interactive component that allows the user to move a 'handle' to select a single value or range.
Component classification
Is this component an atom, molecule or organism?
Details / user needs
Range selectors are a highly visual way for users to make a selection from a small number of options.
The ranger slider should have the ability to add a descriptive label and a value label, where the value is the current position of the slider handle.
Range selectors are not suitable for large numbers of options. This should be clearly documented.
Variations
Definition of done
The text was updated successfully, but these errors were encountered: