Angular Slider : Simple and Responsive Range Slider

Numeric Range Slider

Provides the option to select a range of numeric values intuitively by using two handles. A range slider usually fills the color between the handles to indicate selections.

Single Value Slider

This simple slider component allows users to select a specific numeric value from a range. Fill selection option is available to indicate the selected range visually.

Formatting Values

The user can format the slider values with a prefix (e.g. $10) and, postfix (e.g. 10 km) and prettify the given values (e.g. 10000 to 10,000).

• Slider formatting documentation

Custom Slider

The user can customize slider type as needed, including date slider, time slider, price slider, rating slider, custom values, and more.

• Date slider documentation

Vertical Slider

The Angular Slider component provides both horizontal and vertical orientation modes.

Float and Negative Values

The slider component follows the HTML5 input type range standards, and it supports number, float, and negative values regardless of format.

• Slider with floating value documentation

Snap to Increment

Allows users to select the value or range between the precise interval by configuring step interval value.

• Slider step interval documentation

Globalization and Localization

The slider component is designed to support localization and right-to-left (RTL) direction.

• Slider globalization documentation