NavigationSuite
Common
```kotlin
@Composable
fun NavigationSuite(
navigationSuiteType: NavigationSuiteType,
modifier: Modifier = Modifier,
colors: NavigationSuiteColors = NavigationSuiteDefaults.colors(),
verticalArrangement: Arrangement.Vertical = NavigationSuiteDefaults.verticalArrangement,
primaryActionContent: @Composable (() -> Unit) = {},
content: @Composable () -> Unit,
)
```
The default Material navigation component according to the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType) to be
used with the [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold).
For specifics about each navigation component, see [ShortNavigationBar](/jetpack-compose/androidx.compose.material3/material3/components/ShortNavigationBar), [WideNavigationRail](/jetpack-compose/androidx.compose.material3/material3/components/WideNavigationRail),
[NavigationRail](/jetpack-compose/androidx.compose.material3/material3/components/NavigationRail), and [PermanentDrawerSheet](/jetpack-compose/androidx.compose.material3/material3/components/PermanentDrawerSheet).
#### Parameters
| | |
| --- | --- |
| navigationSuiteType | the [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType) of the associated [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold). Usually [NavigationSuiteScaffoldDefaults.navigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/objects/NavigationSuiteScaffoldDefaults) |
| modifier | the [Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier) to be applied to the navigation component |
| colors | [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 |
| verticalArrangement | the vertical arrangement of the items inside vertical navigation components, such as the wide navigation rail. It's recommended to use [Arrangement.Top](/jetpack-compose/androidx.compose.ui/ui-test/properties/top), [Arrangement.Center](/jetpack-compose/androidx.compose.ui/ui-geometry/properties/center), or [Arrangement.Bottom](/jetpack-compose/androidx.compose.ui/ui-test/properties/bottom). |
| 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 their header, and above horizontal navigation components. |
| content | the content inside the current navigation component, typically [NavigationSuiteItem](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteItem)s |
NavigationSuite
Common
```kotlin
@Composable
fun NavigationSuite(
modifier: Modifier = Modifier,
layoutType: NavigationSuiteType =
NavigationSuiteScaffoldDefaults.calculateFromAdaptiveInfo(WindowAdaptiveInfoDefault),
colors: NavigationSuiteColors = NavigationSuiteDefaults.colors(),
content: NavigationSuiteScope.() -> Unit,
)
```
The default Material navigation component according to the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType) to be
used with the [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold).
Note: It is recommended to use the [NavigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite) function with the navigationSuiteType param
and that accepts [NavigationSuiteItem](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteItem)s instead of this one.
For specifics about each navigation component, see [NavigationBar](/jetpack-compose/androidx.compose.material3/material3/components/NavigationBar), [NavigationRail](/jetpack-compose/androidx.compose.material3/material3/components/NavigationRail), and
[PermanentDrawerSheet](/jetpack-compose/androidx.compose.material3/material3/components/PermanentDrawerSheet).
#### Parameters
| | |
| --- | --- |
| modifier | the [Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier) to be applied to the navigation component |
| layoutType | the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType) of the [NavigationSuiteScaffold](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuiteScaffold). Defaults to [NavigationSuiteScaffoldDefaults.calculateFromAdaptiveInfo](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/objects/NavigationSuiteScaffoldDefaults) |
| colors | [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 |
| content | the content inside the current navigation component, typically [NavigationSuiteScope.item](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/interfaces/NavigationSuiteScope)s |