Overview

import { Palette, HorizontalBox } from "std-widgets.slint";

export component MyCustomWidget {
    in property <string> text <=> label.text;

    Rectangle {
        background: Palette.control-background;

        HorizontalBox {
            label := Text {
                color: Palette.control-foreground;
            }
        }
    }
}

slint

Slint provides a series of built-in widgets that can be imported from "std-widgets.slint".

The widget appearance depends on the selected style. See Selecting a Widget Style for details how to select the style and how to use the Palette and StyleMetrics properties. If no style is selected, native is the default. If native isn’t available, fluent is the default.

All widgets support all properties common to builtin elements.