Slider

import { Slider } from "material.slint";
export component Example inherits Window {
    width: 200px;
    height: 100px;
    background: transparent;
    Slider {
        x: 5px;
        width: parent.width;
        height: parent.height;
    }
}

slint

Use a Slider to allow the user to select a value from a range by moving a thumb along a track. This is useful for adjusting settings such as volume, brightness, or any other scalar value within a specified range.

Properties

enabled

bool default: true

Whether the slider is enabled. When false, the slider cannot be interacted with.

value

float (in-out) default: 0.0

The current value of the slider.

Slider {
    value: 50;
}

slint

minimum

float default: 0

The minimum value of the slider.

divisions

float default: 0

The number of discrete divisions in the slider range. If greater than 0, the slider will snap to these divisions.

maximum

float default: 100

The maximum value of the slider.