Ein Seitenpanel für Navigation oder Details. Es kann über der Seite schweben, mit Escape schließen oder als schmale Symbolleiste bleiben, wenn es geschlossen ist.
Warum es hilft
- Temporär oder dauerhaft
- Option mit Symbolleiste
- Fokus wird für Sie verwaltet
Wo es passt
- Hauptnavigation
- Filter
- Detailpanels
Beispiel
<Button OnClick="() => _open = true">Open drawer</Button>
<Drawer @bind-Open="_open" Title="Navigation">
<Stack Direction="StackDirection.Column" Spacing="1">
<Button Variant="Variant.Text">Dashboard</Button>
<Button Variant="Variant.Text">Settings</Button>
</Stack>
</Drawer>
@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.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.