FloatingActionButton (FAB)

import { FloatingActionButton, FABStyle } from "@material";
export component Example inherits Window {
    width: 120px;
    height: 120px;
    background: transparent;
    FloatingActionButton {
        icon: @image-url("../icons/add.svg");
        tooltip: "Add";
        style: FABStyle.standard;
    }
}

slint

A FloatingActionButton (FAB) is a circular button that floats above the UI and is used for a primary action.

Properties

icon

image default: the empty image

The icon image displayed on the button.

style

enum FABStyle default: the first enum value

The style of the FAB: small, standard, or large.

text

string default: ""

An optional text label for the button.

string default: ""

A tooltip text that appears when hovering over the button.

Callbacks

clicked()

Invoked when the button is clicked.