Skip to content

Slider

Sliders allow users to view and select a value (or range) from the range along a bar. They’re ideal for adjusting settings such as volume and brightness, or for applying image filters.

Slider Overview

Colors

Sliders are available in our primary and secondary colors to compliment your application. The selected color should match that of the rest of your application. For example if Primary Red is used across your app, the Slider should also use Primary Red.

A segmented option is available for our slider when selection values should be limited to certain increments. For example, if product can only be order in sets of 10, the values would reflect: 10, 20, 30, 40 etc.

Segmentation