Serendie Design System

AboutGet StartedFoundationsComponents
© Mitsubishi Electric Corporation

Top App Barトップアップバー

画面上部に配置するモバイルやタブレット向けのグローバルなナビゲーションです。

更新 2024/11/1

バリエーション

ナビゲーション用のNavBarと、ページタイトル用のTitleBarの2種類で構成されます。TopAppBarを連ねて使用することで、多様なレイアウトに対応します。

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