Serendie Design System

AboutGet StartedFoundationsComponents
© Mitsubishi Electric Corporation

Top App Bar

Global navigation for mobile/tablet placed at the top of the screen.

Last updated 11/1/2024

Variants

Consists of NavBar for navigation and TitleBar for page titles. Combine multiple TopAppBars to support diverse layouts.

Nav Bar
Title Bar (with Trailing Icon)
Nav Bar + Title Bar
Nav Bar + Title Bar (with Icons)