From 57fa128bd4320bb2f3dcb79332d033bde0647799 Mon Sep 17 00:00:00 2001 From: Dave Whitley Date: Fri, 25 Jan 2019 15:27:54 -0600 Subject: [PATCH] Moving types higher in the doc --- .../components/src/range-control/README.md | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/components/src/range-control/README.md b/packages/components/src/range-control/README.md index 6d624dcf7f559..c0c45214f499c 100644 --- a/packages/components/src/range-control/README.md +++ b/packages/components/src/range-control/README.md @@ -26,6 +26,18 @@ A RangeControl can contain the following elements: 4. **Icon** (optional): An icon can be displayed before or after the range slider. 5. **Tick mark** (optional): Tick marks represent predetermined values to which the user can move the slider. +### Types + +#### Continuous sliders + +Continuous sliders allow users to select a value along a subjective range. They do not display the selected numeric value. Use them when displaying/editing the numeric value is not important, like volume. + +#### Discrete sliders + +Discrete sliders can be adjusted to a specific value by referencing its value entry field. Use them when it’s important to display/edit the numeric value, like text size. + +Possible selections may be organized through the use of tick marks, which a slider thumb will snap to (or to which an input will round up or down). + ### Behavior - **Click and drag**: The range slider is controlled by clicking the thumb and dragging it. @@ -72,18 +84,6 @@ RangeControls should only be used for choosing selections from a range of values **Don’t** Sliders should provide the full range of choices available for the user to select from (e.g., don’t disable only part of a range slider). -#### Types - -##### Continuous sliders - -Continuous sliders allow users to select a value along a subjective range. They do not display the selected numeric value. Use them when displaying/editing the numeric value is not important, like volume. - -##### Discrete sliders - -Discrete sliders can be adjusted to a specific value by referencing its value entry field. Use them when it’s important to display/edit the numeric value, like text size. - -Possible selections may be organized through the use of tick marks, which a slider thumb will snap to (or to which an input will round up or down). - ## Development guidelines ### Usage