Regular App Bar
App bars have two types: regular and contextual action bar. Below is an example of a regular app bar.
A contextual action bar is something that will provide actions for a selected item on the page.
A top bar can transform into a contextual action bar and be dismissed at any time.
<MudAppBar Color="Color.Primary" Fixed="false"> <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" /> <MudSpacer /> <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" /> </MudAppBar>
Elevation
You can change the App Bar elevation, with values from 0-25
<MudAppBar Color="Color.Primary" Fixed="false" Elevation="0"> <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" /> <MudSpacer /> <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" /> </MudAppBar>
Dense
<MudAppBar Color="Color.Primary" Fixed="false" Dense="true"> <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" /> <MudSpacer /> <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" /> </MudAppBar>