AppBar / Default Functionalities

Blazor AppBar Example - Default Functionalities

Loading Syncfusion Blazor Server Demos…

Simple AppBar
Blazor AppBar

Prominent
Blazor AppBar Component with Prominent mode

Dense
Blazor AppBar

This sample demonstrates the default functionalities and display modes of the Blazor AppBar component, a navigation component that displays information and actions horizontally.

AppBar display modes are configured using the Mode property:

  • Regular - AppBar displayed with default height
  • Prominent - Extended AppBar ideal for larger titles, images, or text content
  • Dense - Compact AppBar layout accommodating all content efficiently

The SfButton component's styles inherit from the SfAppBar component using the e-inherit CSS class, ensuring visual consistency.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE