A bar at the bottom with a start area, the module name, a center area and a tray, listing open windows.
Why it helps
- Start, center and tray
- Lists open windows
- Desktop feel
Where it fits
- Desktop-style apps
- Kiosks
- Workspaces
Example
<div style="position: relative; height: 12rem; transform: translateZ(0)">
<Button OnClick="() => _open = true">Open window</Button>
<Window @bind-Open="_open" Title="Monthly report" Left="40" Top="40" Width="320" Height="100">Report text</Window>
<Taskbar ModuleName="Reports" Style="position: absolute">
<Start><Button Variant="Variant.Text" StartIcon="IconName.Menu">Start</Button></Start>
<Tray><LanguageToggle /></Tray>
</Taskbar>
</div>
@code {
private bool _open;
}A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.
Part of RayCraft Complete.