Skip to content

Commit

Permalink
Update slider.mdx
Browse files Browse the repository at this point in the history
Added slider images
  • Loading branch information
Ingrid Hagelund authored and Ingrid Hagelund committed Apr 8, 2022
1 parent 812ea66 commit 7b29ab3
Showing 1 changed file with 8 additions and 3 deletions.
11 changes: 8 additions & 3 deletions docs/components/slider.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,14 @@ Sliders are input fields that allow users to select a numeric value within a giv
## Options

<Guideline title="Label" image="slider-options-label.svg">
Sliders should always have a label. In rare cases where context is sufficient and an accessibility expert has reviewed the design, the label could be undefined. Labels should be placed above the slider to ensure that they are visible when a finger is used to interact with the slider (on mobile devices).
Sliders should always have a label. In rare cases where context is sufficient and an accessibility expert has reviewed
the design, the label could be undefined. Labels should be placed above the slider to ensure that they are visible
when a finger is used to interact with the slider (on mobile devices).
</Guideline>

<Guideline title="Progression scale" image="slider-options-progression-scale.svg">
Sliders use a linear progression scale by default which means that value is directly correlated to the position of the handle along the track.
Sliders use a linear progression scale by default which means that value is directly correlated to the position of the
handle along the track.
</Guideline>

<Guideline title="Width" image="slider-options-width.svg">
Expand All @@ -33,8 +36,10 @@ Sliders are input fields that allow users to select a numeric value within a giv
The track of the slider can have a fill. By default, the fill originates from the left side of the track.
</Guideline>


## Behaviors

Examples coming soon

## Usage guidelines

Examples coming soon

0 comments on commit 7b29ab3

Please sign in to comment.