SpinBox

import { SpinBox, VerticalBox } from "std-widgets.slint";
export component Example inherits Window {
    width: 200px;
    height: 50px;

    VerticalBox {
        alignment: center;

        SpinBox {
            value: 42;
        }
    }
}

slint

Properties

enabled

bool default: true

You can’t interact with the spinbox if enabled is false.

has-focus

bool (out) default: false

Set to true when the spinbox currently has the focus.

value

int (in-out) default: 0

The value. Defaults to the minimum.

SpinBox {
    value: 50;
}

slint

minimum

int default: 0

The minimum value.

SpinBox {
    minimum: 10;
    value: 11;
}

slint

maximum

int default: 100

The maximum value.

SpinBox {
    maximum: 10;
    value: 9;
}

slint

read-only

bool default: false

If true, the user can’t modify the value.

step-size

int default: 1

The size that is used on increment or decrement of value.

horizontal-alignment

enum TextHorizontalAlignment default: left

The horizontal alignment of the text.

TextHorizontalAlignment

This enum describes the different types of alignment of text along the horizontal axis of a Text or StyledText element.

• start: The text will be aligned with the start edge of the containing box. This could be left or right depending on the direction of the text.
• end: The text will be aligned with the end edge of the containing box. This could be left or right depending on the direction of the text.
• left: The text will be aligned with the left edge of the containing box.
• center: The text will be horizontally centered within the containing box.
• right: The text will be aligned to the right of the containing box.

Callbacks

edited(int)

Emitted when the value has changed because the user modified it

SpinBox {
    edited(value) => {
        debug("New value: ", value);
    }
}

slint