Skip to content
Navigation

Navigation Drawer

A drawer sheet of destination items

A navigation drawer presents destinations in a vertical sheet that usually slides in from the side. Shown here is the drawer sheet content on its own — a column of NavigationDrawerItem entries — without the full sliding overlay.

Navigation Drawer demos rendered in Compose Playground
Pixel-accurate preview · light theme

Examples

01

Drawer sheet content

Each item pairs a label and icon, with one selected.

Kotlin
ModalDrawerSheet {
    NavigationDrawerItem(
        label = { Text("Home") },
        icon = { Icon(Icons.Filled.Home, null) },
        selected = true,
        onClick = {},
        modifier = Modifier.padding(NavigationDrawerItemDefaults.ItemPadding)
    )
    // Favorites, Profile ...
}