> For the complete documentation index, see [llms.txt](https://swift-packages.gitbook.io/materialuikit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://swift-packages.gitbook.io/materialuikit/components/navigation-container/navigation-route-label.md).

# Navigation Route Label

Represents a Material UI styled label for navigation routes, used to display route names in a navigation container.

### Overview

The `NavigationRouteLabel` provides a Material UI styled label for navigation routes. It features an icon, a title, and an optional chevron indicator, making it ideal for use in navigation lists or menus.

To use `NavigationRouteLabel`, initialize it with a system image and a title key.

### Initializer

Creates a label with the specified system image and title.

```swift
NavigationRouteLabel(systemImage: String, _ titleKey: String)
```

### Parameters

<table><thead><tr><th width="205">Parameter</th><th>Description</th></tr></thead><tbody><tr><td><code>systemImage</code></td><td>The name of the system image to be used as the label's icon.</td></tr><tr><td><code>titleKey</code></td><td>The key for the title text to be displayed.</td></tr></tbody></table>

### Example

```swift
NavigationRoute {
    Container {
        Text("Profile View")
    }
} label: {
    NavigationRouteLabel(systemImage: "arrowshape.turn.up.right.fill", "Navigation Route")
}
```

<figure><picture><source srcset="/files/a5zb61uDj3b7GPOtGrNr" media="(prefers-color-scheme: dark)"><img src="https://2931569195-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHpwjDgYAa64eKF8AGmeE%2Fuploads%2FvVLrA0Au6fkEOnc8ch7b%2FNR%20Light.png?alt=media&amp;token=ebe8de1f-2207-42d9-a1b8-0f7f953310fd" alt=""></picture><figcaption></figcaption></figure>