Skip to content

NavigationDrawer

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

A NavigationDrawer is a side panel that contains navigation items organized in groups, typically used for app navigation.

int (in-out) default: 0

The index of the currently selected navigation group.

int (in-out) default: 0

The index of the currently selected navigation item within the current group.

[struct NavigationGroup] default: a struct with all default values

NavigationGroup

This structure represents a NavigationGroup with a title and items.

  • title (string): The title of the group.
  • items ([NavigationItem]): The items of the group.

An array of navigation groups, each containing a title and navigation items.

Selects the navigation item at the specified group and item indices.


© 2025 SixtyFPS GmbH