---
title: "NavigationSuiteItem"
description: "The default Material navigation item component according to the current [NavigationSuiteType] to be used with the [NavigationSuite] that accepts this function."
type: "component"
---
## API Reference

### NavigationSuiteItem

> Source set: Common

```kotlin
@Composable
public 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,
)
```

#### 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/components/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. |