You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/components/src/range-control/README.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -26,6 +26,18 @@ A RangeControl can contain the following elements:
26
26
4.**Icon** (optional): An icon can be displayed before or after the range slider.
27
27
5.**Tick mark** (optional): Tick marks represent predetermined values to which the user can move the slider.
28
28
29
+
### Types
30
+
31
+
#### Continuous sliders
32
+
33
+
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.
34
+
35
+
#### Discrete sliders
36
+
37
+
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.
38
+
39
+
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).
40
+
29
41
### Behavior
30
42
31
43
-**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
72
84
**Don’t**
73
85
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).
74
86
75
-
#### Types
76
-
77
-
##### Continuous sliders
78
-
79
-
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.
80
-
81
-
##### Discrete sliders
82
-
83
-
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.
84
-
85
-
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).
0 commit comments