FloatingActionButton

import { FloatingActionButton, FABStyle } 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

enum FABStyle default: the first enum value

FABStyle

This enum is used to define the style of a Floating Action Button (FAB).

small: A small floating action button.
standard: The standard floating action button size.
large: A large floating action button.

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.