BlazorUI Demo

App bar

A sticky application header with explicit start, main and action regions.

Application header

Workspace

View code

<BuiAppBar Color="Palette.Teal" Elevated Sticky="false">
    <StartContent><BuiIconButton Icon="LucideIcons.Menu" AriaLabel="Open menu" /></StartContent>
    <ChildContent><BuiText Typo="Typo.H5">Workspace</BuiText></ChildContent>
    <Actions><BuiIconButton Icon="LucideIcons.Search" AriaLabel="Search" /><BuiAvatar Name="Ada Lovelace" Size="Size.Small" /></Actions>
</BuiAppBar>