AppBar / Color

Blazor AppBar Example - Color Variant Configuration Support

Loading Syncfusion Blazor Server Demos…

Light

Dark

Primary

Inherit

This sample demonstrates the available color types and modes in the Blazor AppBar component.

AppBar background and font colors are configured using the ColorMode property with the following options:

  • Light - Display AppBar with a light background
  • Dark - Display AppBar with a dark background
  • Primary - Display AppBar with primary theme colors
  • Inherit - AppBar inherits color from its parent element

On mobile devices, media queries enable adaptive AppBar views. Click the menu icon to reveal hidden AppBar content on smaller screens.