Taskbar

Eine Leiste unten mit Startbereich, Modulnamen, mittlerem Bereich und Infobereich, die geöffnete Fenster auflistet.

Warum es hilft

• Start, Mitte und Infobereich
• Listet geöffnete Fenster
• Desktop-Gefühl

Wo es passt

• Apps im Desktop-Stil
• Kioske
• Arbeitsbereiche

Beispiel

<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;
}

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente · Dokumentation