SmallAppBar

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

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

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-buttons

[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.

SmallAppBar

Properties

show-background

leading-button

title

trailing-buttons

Callbacks

leading-button-clicked()

trailing-button-clicked(index: int)