TabBar

import { TabBar } from "material.slint";
export component Example inherits Window {
    width: 400px;
    height: 100px;
    background: transparent;
    TabBar {
        width: parent.width;
        items: [
            { icon: @image-url("icons/home.svg"), text: "Home" },
            { icon: @image-url("icons/search.svg"), text: "Search" },
            { icon: @image-url("icons/settings.svg"), text: "Settings" }
        ];
    }
}

slint

A TabBar displays a row of tabs for navigation between different views or content sections.

Properties

current_item

int (in-out) default: 0

The index of the currently selected tab.

items

[NavigationItem] default: <???>

An array of tab items to display in the bar.