TextButton

import { TextButton } from "material.slint";
export component Example inherits Window {
    width: 200px;
    height: 100px;
    background: transparent;
    TextButton {
        text: "Click me";
        width: 120px;
        height: 40px;
    }
}

slint

A TextButton is a button with no background or border, displaying only text and optional icons. It’s the most subtle button style and is used for tertiary actions.

Properties

text

string default: ""

The text label displayed on the button.

icon

image default: the empty image

An optional icon displayed on the button.

string default: ""

A tooltip text that appears when hovering over the button.

enabled

bool default: true

Whether the button is enabled and can be interacted with.

inverse

bool default: false

Whether to use inverse colors for the button text and icons.

Callbacks

clicked()

Invoked when the button is clicked.

TextButton {
    clicked() => {
        debug("Button clicked");
    }
}

slint