> 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.md).

# Navigation Route

Represents a Material UI-styled navigation route for transitioning between views.

### Overview

The `NavigationRoute` view creates a navigational link that wraps a destination view in a MaterialUI-styled navigation container.

To use `NavigationRoute`, initialize it with a destination view and a label view.

### Initializer

Creates a navigation route with the specified destination and label.

```swift
NavigationRoute(destination: @escaping () -> Destination, label: @escaping () -> Label)
```

### Parameters

<table><thead><tr><th width="200">Parameter</th><th>Description</th></tr></thead><tbody><tr><td><code>destination</code></td><td>The view to navigate to, wrapped in a Material UI-styled container.</td></tr><tr><td><code>label</code></td><td>The view that serves as the trigger for navigation, styled according to Material UI.</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>