<h2 id="navigationsuiteitem-selected-onclick-icon-label-modifier-navigationsuitetype-enabled-badge-colors-interactionsource">NavigationSuiteItem</h2>

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

```kotlin
@Composable
fun NavigationSuiteItem(
    selected: Boolean,
    onClick: () -> Unit,
    icon: @Composable () -> Unit,
    label: @Composable (() -> Unit)?,
    modifier: Modifier = Modifier,
    navigationSuiteType: NavigationSuiteType =
        NavigationSuiteScaffoldDefaults.navigationSuiteType(WindowAdaptiveInfoDefault),
    enabled: Boolean = true,
    badge: @Composable (() -> Unit)? = null,
    colors: NavigationItemColors? = null,
    interactionSource: MutableInteractionSource? = null,
)
```

The default Material navigation item component according to the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType) to
be used with the [NavigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite) that accepts this function.

For specifics about each navigation component, see [ShortNavigationBarItem](/jetpack-compose/androidx.compose.material3/material3/components/ShortNavigationBarItem),
[WideNavigationRailItem](/jetpack-compose/androidx.compose.material3/material3/components/WideNavigationRailItem), [NavigationRailItem](/jetpack-compose/androidx.compose.material3/material3/components/NavigationRailItem), and [NavigationDrawerItem](/jetpack-compose/androidx.compose.material3/material3/components/NavigationDrawerItem).

#### Parameters

| | |
| --- | --- |
| selected | whether this item is selected |
| onClick | called when this item is clicked |
| icon | icon for this item, typically an [Icon](/jetpack-compose/androidx.compose.material3/material3/components/Icon) |
| label | the text label for this item |
| modifier | the [Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier) to be applied to this item |
| navigationSuiteType | the current [NavigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/classes/NavigationSuiteType) of the associated [NavigationSuite](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/composable-functions/NavigationSuite). Defaults to [NavigationSuiteScaffoldDefaults.navigationSuiteType](/jetpack-compose/androidx.compose.material3/material3-adaptive-navigation-suite/objects/NavigationSuiteScaffoldDefaults) |
| enabled | controls the enabled state of this item. When `false`, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services. Note: as of now, for [NavigationDrawerItem](/jetpack-compose/androidx.compose.material3/material3/components/NavigationDrawerItem), this is always `true`. |
| badge | optional badge to show on this item |
| colors | [NavigationItemColors](/jetpack-compose/androidx.compose.material3/material3/classes/NavigationItemColors) that will be used to resolve the colors used for this item in different states. If null, a default Material colors for each specific item will be used. |
| interactionSource | an optional hoisted [MutableInteractionSource](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/MutableInteractionSource) for observing and emitting [Interaction](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/Interaction)s for this item. You can use this to change the item's appearance or preview the item in different states. Note that if `null` is provided, interactions will still happen internally. |