Bottom Navigation

An implementation of the navbar element positioned below a form to offer additional form controls and to provide navigation.

Basic

The bottom nav component is implemented with the standard navbar component.

Bottom navigation bars make it easy to explore and switch between top-level views in a single tap. Tapping on a bottom navigation icon takes you directly to the associated view or refreshes the currently active view.

Bottom navigation is primarily for use on mobile. To achieve a similar effect for desktop, use side navigation.

Reference: https://material.io/guidelines/components/bottom-navigation.html#

2 items selected

Third-party Content Disclaimer