Composable Component
TV Material Design navigation drawer item.
NavigationDrawerItem
Android
```kotlin
@Composable
fun NavigationDrawerScope.NavigationDrawerItem(
selected: Boolean,
onClick: () -> Unit,
leadingContent: @Composable () -> Unit,
modifier: Modifier = Modifier,
enabled: Boolean = true,
onLongClick: (() -> Unit)? = null,
supportingContent: (@Composable () -> Unit)? = null,
trailingContent: (@Composable () -> Unit)? = null,
tonalElevation: Dp = NavigationDrawerItemDefaults.NavigationDrawerItemElevation,
shape: NavigationDrawerItemShape = NavigationDrawerItemDefaults.shape(),
colors: NavigationDrawerItemColors = NavigationDrawerItemDefaults.colors(),
scale: NavigationDrawerItemScale = NavigationDrawerItemScale.None,
border: NavigationDrawerItemBorder = NavigationDrawerItemDefaults.border(),
glow: NavigationDrawerItemGlow = NavigationDrawerItemDefaults.glow(),
interactionSource: MutableInteractionSource? = null,
content: @Composable () -> Unit,
)
```
#### Parameters
| | |
| --- | --- |
| selected | defines whether this composable is selected or not |
| onClick | called when this composable is clicked |
| leadingContent | the leading content of the list item |
| modifier | to be applied to the list item |
| enabled | controls the enabled state of this composable. When `false`, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services |
| onLongClick | called when this composable is long clicked (long-pressed) |
| supportingContent | the content displayed below the headline content |
| trailingContent | the trailing meta badge or icon |
| tonalElevation | the tonal elevation of this composable |
| shape | defines the shape of Composable's container in different interaction states |
| colors | defines the background and content colors used in the composable for different interaction states |
| scale | defines the size of the composable relative to its original size in different interaction states |
| border | defines a border around the composable in different interaction states |
| glow | defines a shadow to be shown behind the composable for different interaction states |
| interactionSource | an optional hoisted `MutableInteractionSource` for observing and emitting `Interaction`s for this composable. You can use this to change the composable's appearance or preview the composable in different states. Note that if `null` is provided, interactions will still happen internally. |
| content | main content of this composable |