All Demos / AppBar / Color

Blazor AppBar Example - Color Variants

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT
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.