AppBar / Color

Blazor AppBar Example - Color Variants

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.

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