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, fluent is the default on all platforms.

All widgets support all properties common to builtin elements.