MediumAppBar

import { MediumAppBar } from "material.slint";
export component Example inherits Window {
    width: 400px;
    height: 200px;
    background: transparent;
    MediumAppBar {
        title: "My App";
        width: parent.width;
        height: parent.height;
    }
}

slint

A MediumAppBar is a medium-sized app bar that displays the app title and optional action buttons with more padding and spacing than the small variant.

Properties

container-background

bool default: false

Whether to use the container background color instead of the surface color.

leading-icon

struct IconButtonItem default: a struct with all default values

IconButtonItem

This structure represents a IconButtonItem with x and y coordinate

icon (image): The icon to display in the button.
tooltip (string): The tooltip to display when hovering over the button.
enabled (bool): Whether the button is enabled.

An icon button item displayed at the start of the app bar, typically used for navigation.

title

string default: ""

The title text displayed in the app bar.

trailing-icons

[struct IconButtonItem] default: a struct with all default values

IconButtonItem

This structure represents a IconButtonItem with x and y coordinate

icon (image): The icon to display in the button.
tooltip (string): The tooltip to display when hovering over the button.
enabled (bool): Whether the button is enabled.

An array of icon button items displayed at the end of the app bar, typically used for actions.

MediumAppBar

Properties

container-background

leading-icon

title

trailing-icons

Callbacks

leading-clicked()

trailing-clicked(index: int)