Slider

Slider is an input component to provide a numerical input. It allows users to choose an approximate value on a slider.

Variants

A total of 6 variants of sliders are available in GEL.

Demo

Guidance

• Slider is to be used as an input for selecting a value against the slider provided.
• The number corresponding to the place of the slider button should be displayed in the textarea either in single number or range format.
• Active state is triggered when the user slides the range selector or inputs value into the input box

When to use

• Slider should be used in occasions that require a UI reflecting the value user selects.

Designer assets

figma

Hey Designers, please find the Figma assets here. If you want permission to access the file, please contact Experience Design CoP.

Developer API

vue

Hey Developers, find out the tech documentation of this compoment on PrimeVue. If you have issue, please contact Development CoP