• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Default Functionalities in ASP.NET MVC AppBar Control

This sample demonstrates the default functionalities of the ASP.NET MVC AppBar component.
DEMO
SOURCE
Simple AppBar
EJ2 AppBar

Prominent
EJ2 AppBar Component with Prominent mode

Dense
EJ2 AppBar

The ASP.NET MVC AppBar is a navigation component that displays information and actions related to the current view horizontally.


In this demo, the available types of ASP.NET MVC AppBar are showcased. They are regular, prominent, and dense, and can be set using the Mode property.

Regular - The AppBar is displayed with the default height.

Prominent - Prominent top app bars are longer than regular, and can be used for larger titles, images, or texts.

Dense - The AppBar's layout is denser to accommodate all the AppBar content.

In this demo, Button component's styles are inherited from the AppBar component using the e-inherit CSS class.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE