Serendie Design System

AboutGet StartedFoundationsComponents
© Mitsubishi Electric Corporation

Bottom Navigation

Global tab navigation placed at the bottom for mobile and tablet.

Last updated 11/1/2024

Example

Use BottomNavigation together with consecutive BottomNavigationItems. Up to about five tabs is a guideline; consider Drawer when you need more.

Variants

BottomNavigationItem has enabled and active states and can be combined with NotificationBadge.

Default (Enable)

Active

With Badge (dot)

With Badge (number)