Expressions

An expression is a color literal or a length literal.

Further expression forms exist: operators, member access, function and callback calls, and the literals of the other built-in types.

Color Literals

A color literal consists of # followed by 3, 4, 6, or 8 hexadecimal digits: #rgb, #rgba, #rrggbb, or #rrggbbaa. The digits are case-insensitive. Any other number of digits is an error.

The digits specify the red, green, blue, and alpha channels, in this order. When the alpha channel is absent, the color is fully opaque.

In the 3- and 4-digit forms, each digit specifies a channel with the digit duplicated: #18f is the same color as #1188ff.

A color literal evaluates to a value of type color.

Length Literals

A length literal consists of a number directly followed by a unit, for example 120px.

export component Example inherits Window {
    Rectangle {
        width: 120px;
        height: 80px;
        background: #2a6e3f;
    }
}

slint

The number shall be integral: 10.5px is an error.

px is the only unit. A number literal with another unit, or without a unit, is an error.

These restrictions apply to Slint SC. The full Slint language accepts fractional values and other units.

A length literal evaluates to a value of type length.