CheckBox

import { CheckBox } from "std-widgets.slint";
export component Example inherits Window {
    width: 200px;
    height: 25px;
    background: transparent;
    CheckBox {
        x: 5px;
        width: parent.width;
        height: parent.height;
        text: "Hello World";
    }
}

slint

Use a CheckBox to let the user select or deselect values, for example in a list with multiple options. Consider using a Switch element instead if the action resembles more something that’s turned on or off.

Properties

checked

bool(in-out)default: false

Whether the checkbox is checked or not.

CheckBox {
    text: self.checked ? "Checked" : "Not checked";
    checked: true;
}

slint

enabled

booldefault: true

Defaults to true. When false, the checkbox can’t be pressed.

font-size

lengthdefault: 0px

The size of the font of the label text.

font-weight

intdefault: 0

The weight of the font of the label text.

has-focus

bool(out)

Set to true when the checkbox has keyboard focus.

text

stringdefault: ""

The text written next to the checkbox.

CheckBox {
    text: "CheckBox with text";
}

slint

Callbacks

toggled()

The checkbox value changed

CheckBox {
    text: "CheckBox";
    toggled() => {
        debug("CheckBox checked: ", self.checked);
    }
}

slint