Bottom tab bar · Material
A mobile bottom navigation bar with icons, labels, count and dot badges, a travelling selected indicator and safe-area padding.
Design · Material1 / 20
M3 navigation bar: 80 px tonal container, a 64x32 pill indicator behind the icon, label beneath and hover state layer.
Motion
The selected icon springs up from a smaller size with a small overshoot.
Accent
A mobile bottom navigation bar with icons, labels, count and dot badges, a travelling selected indicator and safe-area padding.
navigationmobiletab barbottom navigationbadgesapp