ListTile

import { ListTile } from "material.slint";
export component Example inherits Window {
    width: 300px;
    height: 100px;
    background: transparent;
    ListTile {
        text: "List Item";
        supporting_text: "Supporting text";
        width: 280px;
        height: 72px;
    }
}

slint

A ListTile is a single row in a list that can contain text, supporting text, and an optional avatar.

Properties

avatar_background

color default: a transparent color

The background color for the avatar.

avatar_foreground

color default: a transparent color

The foreground color for the avatar text or icon.

avatar_icon

image default: the empty image

An optional icon displayed as an avatar.

avatar_text

string default: ""

Optional text displayed as an avatar.

enabled

bool default: true

Whether the list tile is enabled and can be interacted with.

supporting_text

string default: ""

Secondary text displayed below the primary text.

text

string default: ""

The primary text displayed in the list tile.

Callbacks

clicked()

Invoked when the list tile is clicked.

ListTile {
    clicked() => {
        debug("List tile clicked");
    }
}

slint