---
components: BottomNavigation, BottomNavigationButton
---

# Bottom Navigation

[Bottom navigation](https://material.google.com/components/bottom-navigation.html) bars make it easy to explore and switch between top-level views in a single tap.

## Bottom Navigation
When there are only **three** actions, display both icons and text labels at all times.

{{demo='pages/component-demos/bottom-navigation/SimpleBottomNavigation.js'}}

## Bottom Navigation with no label

If there are **four** or **five** actions, display inactive views as icons only.

{{demo='pages/component-demos/bottom-navigation/LabelBottomNavigation.js'}}