Logo FluentUI

RangeSlider QML Type

A styled dual-handle range slider with Fluent Design. More...

Import Statement: import FluentUI 1.0

Properties

Detailed Description

RangeSlider allows users to select a range of values by dragging two handles along a track. The first and second properties define the lower and upper bounds of the selected range respectively.

Property Documentation

accentColor : var

The accent color used for the slider track fill between handles. Can be a color, string, or Qt.rgba value.

enabled : bool

Whether the slider can be interacted with. When false, the control appears disabled and does not accept user input.

first : real

The value of the first (lower) handle. Must be less than or equal to second.

from : real

The starting value of the slider range. Defaults to 0.0.

horizontal : bool

Whether the slider is oriented horizontally. When false, the slider is oriented vertically.

second : real

The value of the second (upper) handle. Must be greater than or equal to first.

stepSize : real

The step increment between valid values. Defaults to 0.0, allowing continuous (smooth) sliding.

to : real

The ending value of the slider range. Defaults to 1.0.