Component

Range Slider

SCSS Location: /styles/scss/partial/_range-slider.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Description

A custom form component that allows the user to use a stepped slider to select from a number of predefined options.

Guidelines

Item Design Guidelines Not Provided

Usage

When users are presented with a choice between 2 to 5 options which have either defined steps or exhaustive options where the entire range should be easily interpreted at a quick glance.

Average Growth (0.5-3%)
Above Average Growth (3-8%)
Outstanding Growth (8%+)