State of Compose 2023 results are in! Click here to learn more

← Back to Material 3 Compose

PermanentNavigationDrawer

Component
in
Material 3
. Since 1.0.0

Overview

Code Examples

Video

<a href="https://m3.material.io/components/navigation-drawer/overview" class="external" target="_blank">Material Design navigation permanent drawer</a>.

Navigation drawers provide ergonomic access to destinations in an app. They’re often next to app content and affect the screen’s layout grid.

!Navigation drawer image(https://developer.android.com/images/reference/androidx/compose/material3/navigation-drawer.png)

The permanent navigation drawer is always visible and usually used for frequently switching destinations. On mobile screens, use ModalNavigationDrawer instead.

Overloads

PermanentNavigationDrawer

@Composable
fun PermanentNavigationDrawer(
    drawerContent: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    content: @Composable () -> Unit
)

Parameters

NameDescription
drawerContentcontent inside this drawer
modifierthe Modifier to be applied to this drawer
contentcontent of the rest of the U