OutlineIconButton

import { OutlineIconButton } from "material.slint";
export component Example inherits Window {
    width: 100px;
    height: 100px;
    background: transparent;
    OutlineIconButton {
        icon: @image-url("icons/edit.svg");
        tooltip: "Edit";
    }
}

slint

An OutlineIconButton is a button with a border outline and an icon, used for secondary actions.

Properties

checkable

bool default: false

Whether the button can be toggled between checked and unchecked states.

checked

bool (in-out) default: false

Whether the button is currently checked.

enabled

bool default: true

Whether the button is enabled and can be interacted with.

icon

image default: the empty image

The icon image displayed on the button.

icon_checked

image default: the empty image

The icon image displayed when the button is checked (if checkable).

string default: ""

A tooltip text that appears when hovering over the button.

Callbacks

clicked()

Invoked when the button is clicked.

OutlineIconButton {
    clicked() => {
        debug("Outline icon button clicked");
    }
}

slint