pattern-library checked
Material Design Bottom Navigation
Documents bottom navigation bars for three to five primary app destinations at the bottom of mobile screens, with icons, labels, selected state, and destination-only behavior.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Bottom navigation | Choose bottom navigation for three to five top-level mobile destinations of similar importance. | Activating an item switches to its top-level destination rather than performing a transient command. | Material documents bottom navigation as a mobile bar for three to five primary destinations, with selected state and destination-only behavior. |
| Bottom sheet | Choose bottom sheet when contextual details, options, or controls are best reached from the lower edge of a mobile viewport while the background remains useful for orientation. | The sheet enters from the bottom edge and remains visually attached to that edge or device safe area. | Material bottom navigation guidance supports the distinction from persistent bottom destinations. |
| 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 compact bottom navigation constraints for destination count and selected state. |
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: .