In Web & Mobile Design
What is Bottom Navigation?
Bottom navigation is a persistent bar at the bottom of mobile screens that provides quick access to top-level destinations.
When to use Bottom Navigation?
- 3–5 primary destinations in mobile apps
- When reachability with the thumb is a priorityWhen not to use Bottom Navigation? - Deep hierarchies better served by tabs or side drawersWhat is the anatomy of Bottom Navigation?
- Icons and optional labels
- Active state, badges, and haptics
- Safe-area insets and elevation