Skip to content

Commit 57fa128

Browse files
authored
Moving types higher in the doc
1 parent 7b4f163 commit 57fa128

File tree

1 file changed

+12
-12
lines changed
  • packages/components/src/range-control

1 file changed

+12
-12
lines changed

packages/components/src/range-control/README.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,18 @@ A RangeControl can contain the following elements:
2626
4. **Icon** (optional): An icon can be displayed before or after the range slider.
2727
5. **Tick mark** (optional): Tick marks represent predetermined values to which the user can move the slider.
2828

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+
2941
### Behavior
3042

3143
- **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
7284
**Don’t**
7385
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).
7486

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).
86-
8787
## Development guidelines
8888

8989
### Usage

0 commit comments

Comments
 (0)