Skip to content

Slider Specification

Aleksandar Kamenov edited this page Apr 8, 2019 · 86 revisions

Contents

  1. Overview
  2. User Stories
  3. Functionality
  4. ARIA support
  5. Assumptions and Limitations
  6. References

Objectives

The Slider component allows selection in a given range by moving the thumb along the track. The track can be defined as continuous or stepped and you can choose between SINGLE and RANGE slider types.

Developer:

  • As a developer I want to be able to provide an array of strings that the slider could spread and visualize it as labels of the thumbs.
<igx-slider [stepLabels]="['spring', 'autumn', 'winter', 'summer']">
</igx-slider>
  • As a developer I want to be able to change the type of the slider as a single or range.
<igx-slider [stepLabels]="['spring', 'autumn', 'winter', 'summer']" [type]="sliderType">
</igx-slider>
  • As a developer I want to be able to track the changes of the values per every slide.
  • As a developer I want to have the ability to change the slider values through two way data bind.
  • As a developer I want to have a continuous and discontinued(stepped) representation of the slider.

End user:

  • Story 1: As an end user, I want…, so that I can…
  • Story 2: As an end user, I want…, so that I can…
  • Story 3: As an end user, I want…, so that I can…

Acceptance criteria

Must-have before we can consider the feature a sprint candidate

...

Describe behavior, design, look and feel of the implemented feature. Always include visual mock-up

3.1. End User Experience

3.2. Developer Experience

3.3. Globalization/Localization

Describe any special localization requirements such as the number of localizable strings, regional formats

3.4. User Interface

Include a diagram linking the elements with the visual representation of the feature

3.5. Navigation

3.6. API

Options

Name Description Type Default value Valid values

Methods

Name Description Return type Parameters

Events

Name Description Cancelable Parameters

Specify only if applicable

Assumptions Limitation Notes

Specify all referenced external sources

Clone this wiki locally