Jetpack Compose NavigationDrawerItem in Material 3 Compose

Material Design navigation drawer item.

A NavigationDrawerItem represents a destination within drawers, either ModalNavigationDrawer, PermanentNavigationDrawer or DismissibleNavigationDrawer.

Overloads

NavigationDrawerItem

@Composable
fun NavigationDrawerItem(
    label: @Composable () -> Unit,
    selected: Boolean,
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    icon: (@Composable () -> Unit)? = null,
    badge: (@Composable () -> Unit)? = null,
    shape: Shape = NavigationDrawerTokens.ActiveIndicatorShape.toShape(),
    colors: NavigationDrawerItemColors = NavigationDrawerItemDefaults.colors(),
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }
)

Parameters

Name	Description
`label`	text label for this item
`selected`	whether this item is selected
`onClick`	called when this item is clicked
`modifier`	the Modifier to be applied to this item
`icon`	optional icon for this item, typically an Icon
`badge`	optional badge to show on this item from the end side
`colors`	NavigationDrawerItemColors that will be used to resolve the colors used for this item in different states. See NavigationDrawerItemDefaults.colors.
`interactionSource`	the MutableInteractionSource representing the stream of Interactions for this item. You can create and pass in your own `remember`ed instance to observe Interactions and customize the appearance / behavior of this item in different states