← Back to Material 3 Compose
NavigationDrawerItem
Component
in
Material 3
. Since 1.0.0Overview
Examples
Community Notes
Video
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 remembered instance to observe Interactions and customize the appearance / behavior of this item in different states |
Previous Component← NavigationDrawer
Next ComponentNavigationRail →
