Breadcrumbs

Zeigen Sie immer, wo der Benutzer ist, und bieten Sie einen Weg zurück mit einem Klick. Das letzte Element ist die aktuelle Seite.

Warum es hilft

• Pfad zur aktuellen Seite
• Kürzt lange Pfade
• Barrierefrei

Wo es passt

• Dokumentation
• Kataloge
• Ordner

Beispiel

<Breadcrumbs Items="_items" />

@code {
    private readonly BreadcrumbItem[] _items =
    [
        new("Home", "/"),
        new("Components", "/components/button"),
        new("Breadcrumbs")
    ];
}

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.

Alle Steuerelemente · Dokumentation