<h2 id="navigationsuitescaffold-navigationsuiteitems-modifier-layouttype-navigationsuitecolors-state-content">NavigationSuiteScaffold</h2>

<div class='sourceset sourceset-android'>Android</div>

```kotlin
@ExperimentalMaterial3XrApi
@Composable
public fun NavigationSuiteScaffold(
    navigationSuiteItems: NavigationSuiteScope.() -> Unit,
    modifier: SubspaceModifier,
    layoutType: NavigationSuiteType,
    navigationSuiteColors: NavigationSuiteColors = NavigationSuiteDefaults.colors(),
    state: NavigationSuiteScaffoldState = rememberNavigationSuiteScaffoldState(),
    content: @Composable () -> Unit = {},
)
```

#### Parameters

| | |
| --- | --- |
| navigationSuiteItems | the navigation items to be displayed |
| modifier | the [SubspaceModifier](/jetpack-compose/androidx.xr.compose/compose/interfaces/SubspaceModifier) to be applied to the navigation suite scaffold |
| layoutType | the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType) |
| navigationSuiteColors | [NavigationSuiteColors](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteColors) that will be used to determine the container (background) color of the navigation component and the preferred color for content inside the navigation component |
| state | the [NavigationSuiteScaffoldState](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/interfaces/NavigationSuiteScaffoldState) of this navigation suite scaffold |
| content | the content of your screen |