App Bar
App bar provide branding, navigation, profile, and access to global application actions such as primary & secondary actions.
Usage
- Displays the app's logo and name prominently.
- Offers clear navigation options using icons or text for different sections.
- Provides convenient access to essential actions through buttons or menus.
Anatomy
The app bar encompasses various functional elements, such as a navigation icon, a logo or page title, a status bar, action buttons, and an optional summary row.
Variant
Variants of the app bar component include home page and inner pager.
Home Page
Inner Page
States
App bar have various options in home page and inner page.
Home Page
Inner Page
Specifications
Structure and spacing measurements for app bar.
Live Demo
The App Bar is demonstrated in a live environment in this demo.