FloatingActionButton

import { FloatingActionButton } from "material.slint";
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

FABStyle default: FABStyle.standard

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.

FloatingActionButton {
    clicked() => {
        debug("FAB clicked");
    }
}

slint