Skip to content

Slider

Description

The Slider component provides a visual indication of adjustable value. A value can be adjusted (increased or decreased) by moving the drag handle along a track (usually horizontal or vertical). Remember to inform users that they can also adjust the value directly in the value input field (if it exists).

Demos

Default Slider

Vertical slider with steps of 10

Horizontal and vertical slider in sync with input field

Native Range Slider

Native Range Slider. In order to get the styles, import also: dnb-ui-lib/components/slider/style/dnb-range.min.css