DzinerHub

DzinerHub

Bottom Navigation

A persistent bar at the bottom of mobile screens for top‑level destinations.

Bottom Navigation

A persistent bar at the bottom of mobile screens for top‑level destinations.

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