SmallAppBar

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

slint

A SmallAppBar is a compact version of the app bar that displays the app title and optional action buttons in a smaller, more condensed layout.

Properties

container_background

bool default: false

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

leading_icon

IconButtonItem default: a IconButtonItem with default values

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

[IconButtonItem] default: a IconButtonItem with default values

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

Callbacks

leading_clicked()

Invoked when the leading icon is clicked.

SmallAppBar {
    leading_clicked() => {
        debug("Leading icon clicked");
    }
}

slint

traling_clicked(index: int)

Invoked when a trailing icon is clicked, with the index of the clicked icon.

SmallAppBar {
    traling_clicked(index) => {
        debug("Trailing icon clicked at index: ", index);
    }
}

slint