<h2 id="shortnavigationbar-modifier-containercolor-contentcolor-content">ShortNavigationBar</h2>

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

```kotlin
@ExperimentalMaterial3ExpressiveApi
@ExperimentalMaterial3XrApi
@Composable
public fun ShortNavigationBar(
    modifier: Modifier = Modifier,
    containerColor: Color = ShortNavigationBarDefaults.containerColor,
    contentColor: Color = ShortNavigationBarDefaults.contentColor,
    content: @Composable () -> Unit,
)
```

#### Parameters

| | |
| --- | --- |
| modifier | the [Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier) to be applied to this navigation bar |
| containerColor | the color used for the background of this navigation bar. Use `Color.Transparent` to have no color |
| contentColor | the color for content inside this navigation bar. |
| content | the content of this navigation bar, typically [ShortNavigationBarItem](/jetpack-compose/androidx.compose.material3/material3/components/ShortNavigationBarItem)s |