The ShieldUI Slider control allows the user to select from a range of values by moving a handle accross a track.

Initialized from an underlying HTML input control, it is used to update its numeric value from a range in a faster and clearer manner.

View Demo

API and Events

The Slider component provides a set of events and methods to ensure maximum flexibility for the cases when additional functionality is needed.

Advanced Formatting

Apply specific formatting for the Slider tooltip and values of the tick labels, supporting Internationalization and custom functions.


The ShieldUI Slider widget comes with a rich preset of themes, which cover most visual requirements. This makes it easy for the control to blend in with other ShieldUI components on the page.