MediumAppBar

import { MediumAppBar } from "@material";
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

show-background

bool default: false

Whether to show show the background color of the app bar or be transparent.

leading-button

struct IconButtonItem default: a struct with all 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-buttons

[struct] default: a struct with all default values

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

Callbacks

leading-button-clicked()

Invoked when the leading icon is clicked.

trailing-button-clicked(index: int)

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