Positioned

RangeSlider widget is used to allow users to select a range of values within a specified range. It consists of two thumbs that can be dragged to select the minimum and maximum values of the range.

Represents the name or identifier for the range slider

It represents the maximum value in the slider represented in percentage. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

Represents the minimum value that the slider can represent. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

Represents the color of the slider's label color. Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).

Represents the color of the slider's active track, indicating the selected range. It is a string that can be in hexadecimal notation, color names, or primary color names. Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).

Represents the color of the slider's inactive track, indicating the unselected range. It is a string that can be in hexadecimal notation, color names, or primary color names. Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).

Represents the number of divisions or intervals on the slider track represented in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).