Slider

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

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

has-focus

bool default: false

Whether the component has focus.

stop-count

float default: 0

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

enabled

bool default: true

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

maximum

float default: 100

The maximum value of the slider.

minimum

float default: 0

The minimum value of the slider.

value

float (in-out) default: 0.0

The current value of the slider.

Callbacks

released(value: float)

Invoked when the slider is released.

value_changed(value: float)

Invoked when the slider value changes.

Functions

clear-focus()

Clears the focus from the component.

focus()

Focuses the component.