pattern-library checked
Material Design Navigation drawer
Documents navigation drawers as destination lists in a side or bottom sheet, including permanent and dismissible variants, active items, hierarchy, scrim behavior, and focus management when drawers close.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Drawer | Choose drawer when users need page-adjacent detail, preview, metadata, comments, simple actions, or object inspection without leaving the current page. | The opener names or is adjacent to the object whose detail will appear in the drawer. | Material navigation drawer guidance provides contrast for destination-oriented drawers and modal scrim behavior. |
| Drawer with no close or return path | Flag this anti-pattern when a temporary drawer has no visible close control, no Escape path, no back-route dismissal, no equivalent for gesture-only close, or no predictable focus return. | Opening the drawer records the opener or selected object as the return target. | Supports drawer variants, scrim behavior, active destination state, and focus management when closing navigation drawers. |
| Navigation drawer | Choose a navigation drawer when destinations need occasional access from a constrained layout and can tolerate one extra open step. | The opener toggles or opens the drawer and exposes expanded or modal state as appropriate. | Material defines navigation drawer variants, destination list anatomy, scrim behavior, and modal dismissal routes. |
| Responsive navigation adaptation | Choose responsive navigation adaptation when the navigation surface itself must change across viewport, posture, orientation, or destination-count constraints. | The adapted surface changes presentation, not the user's destination model. | Supports modal, dismissible, and permanent drawer behavior used across adaptive layouts. |
| Side navigation | Choose side navigation when users need persistent access to related pages in one section or area. | Activating a side-nav item changes the local page and updates current-page semantics. | Material navigation drawer guidance clarifies the drawer variant and focus management when side navigation is dismissible. |
Evidence Role
This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Material Design. Last checked: .