Bottom Navigation

The bottom navigation allows users to quickly navigate from one section of the app to another.

Overview

A bottom navigation is used in mobile applications and provides a way for users to switch between the top-level views of an app. It appears as a persistent bar at the bottom of the screen, typically displaying three to five tabs, each representing a different destination or section. One navigation tab is always active.

A bottom navigation placed at the bottom of a mobile screen.

Resources

Figma Web Component	N/A
Figma App Component	Stable
Web Components	N/A
Vue [Fozzie]	N/A
React [Snacks]	N/A
iOS JustUI [UI Kit]	Stable
iOS PIE [SwiftUI]	Stable
Android PIE [Compose & Views]	Alpha