SnackBar

import { FilledButton, SnackBar } from "@material";
export component Example inherits Window {
    width: 400px;
    height: 200px;
    background: transparent;

    show-snack-bar := FilledButton {
        text: @tr("Show Snack Bar");
        clicked => {
            sb.show();
        }
    }

    sb := SnackBar {
        text: "Message sent";
        action-text: "Undo";
        has-close-button: true;
    }
}

slint

A SnackBar provides brief messages about app processes at the bottom of the screen. It can include an action and a close button.

Properties

action-text

string default: ""

The label for the action button.

has-close-button

bool default: false

Whether to show a close button on the snackbar.

text

string default: ""

The message text displayed in the snackbar.

Callbacks

action-clicked()

Invoked when the action button is clicked.