<h2 id="navigationsuitescaffoldlayout-navigationsuite-navigationsuitetype-state-primaryactioncontent-primaryactioncontenthorizontalalignment-content">NavigationSuiteScaffoldLayout</h2>

<div class='sourceset sourceset-common'>Common</div>

```kotlin
@Composable
fun NavigationSuiteScaffoldLayout(
    navigationSuite: @Composable () -> Unit,
    navigationSuiteType: NavigationSuiteType,
    state: NavigationSuiteScaffoldState = rememberNavigationSuiteScaffoldState(),
    primaryActionContent: @Composable (() -> Unit) = {},
    primaryActionContentHorizontalAlignment: Alignment.Horizontal =
        NavigationSuiteScaffoldDefaults.primaryActionContentAlignment,
    content: @Composable () -> Unit,
)
```

Layout for a [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold)'s content. This function wraps the `content` and places
the [navigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite), and the `primaryActionContent`, if any, according to the current
[NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType).

The usage of this function is recommended when you need some customization that is not viable via
the use of [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold). An usage example of using a custom modal wide rail can be
found at androidx.compose.material3.demos.NavigationSuiteScaffoldCustomConfigDemo.

#### Parameters

| | |
| --- | --- |
| navigationSuite | the navigation component to be displayed, typically [NavigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite) |
| navigationSuiteType | the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType). Usually [NavigationSuiteScaffoldDefaults.navigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/objects/NavigationSuiteScaffoldDefaults) |
| state | the [NavigationSuiteScaffoldState](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/interfaces/NavigationSuiteScaffoldState) of this navigation suite scaffold layout |
| primaryActionContent | The optional primary action content of the navigation suite scaffold, if any. Typically a [androidx.compose.material3.FloatingActionButton](/jetpack-compose/androidx.compose.material3/material3/components/FloatingActionButton). It'll be displayed inside vertical navigation components as part of their header, and above horizontal navigation components. |
| primaryActionContentHorizontalAlignment | The horizontal alignment of the primary action content, if present, when it's displayed along with a horizontal navigation component. |
| content | the content of your screen |

<hr class="docs-overload-divider">

<h2 id="navigationsuitescaffoldlayout-navigationsuite-layouttype-state-content">NavigationSuiteScaffoldLayout</h2>

<div class='sourceset sourceset-common'>Common</div>

```kotlin
@Composable
fun NavigationSuiteScaffoldLayout(
    navigationSuite: @Composable () -> Unit,
    layoutType: NavigationSuiteType =
        NavigationSuiteScaffoldDefaults.calculateFromAdaptiveInfo(WindowAdaptiveInfoDefault),
    state: NavigationSuiteScaffoldState = rememberNavigationSuiteScaffoldState(),
    content: @Composable () -> Unit = {},
)
```

Layout for a [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold)'s content. This function wraps the `content` and places
the [navigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite) component according to the given `layoutType`.

Note: It is recommended to use the [NavigationSuiteScaffoldLayout](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffoldLayout) function with the
navigationSuiteType param instead of this one.

The usage of this function is recommended when you need some customization that is not viable via
the use of [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold).

#### Parameters

| | |
| --- | --- |
| navigationSuite | the navigation component to be displayed, typically [NavigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite) |
| layoutType | the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType). Defaults to [NavigationSuiteScaffoldDefaults.calculateFromAdaptiveInfo](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/objects/NavigationSuiteScaffoldDefaults) |
| state | the [NavigationSuiteScaffoldState](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/interfaces/NavigationSuiteScaffoldState) of this navigation suite scaffold layout |
| content | the content of your screen |

<div class='sourceset sourceset-common'>Common</div>

> **Deprecated** Deprecated in favor of NavigationSuiteScaffoldLayout with state parameter

<hr class="docs-overload-divider">

<h2 id="navigationsuitescaffoldlayout-navigationsuite-layouttype-content">NavigationSuiteScaffoldLayout</h2>

```kotlin
@Composable
fun NavigationSuiteScaffoldLayout(
    navigationSuite: @Composable () -> Unit,
    layoutType: NavigationSuiteType =
        NavigationSuiteScaffoldDefaults.calculateFromAdaptiveInfo(WindowAdaptiveInfoDefault),
    content: @Composable () -> Unit = {},
) =
    NavigationSuiteScaffoldLayout(
        navigationSuite = navigationSuite,
        navigationSuiteType = layoutType,
        state = rememberNavigationSuiteScaffoldState(),
        content = content,
    )
```

Layout for a [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold)'s content. This function wraps the `content` and places
the [navigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite) component according to the given `layoutType`.

The usage of this function is recommended when you need some customization that is not viable via
the use of [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold).

#### Parameters

| | |
| --- | --- |
| navigationSuite | the navigation component to be displayed, typically [NavigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite) |
| layoutType | the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType). Defaults to [NavigationSuiteScaffoldDefaults.calculateFromAdaptiveInfo](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/objects/NavigationSuiteScaffoldDefaults) |
| content | the content of your screen |