Gliedern Sie Inhalte in Panels, zwischen denen Benutzer mit Maus, Berührung oder den Tasten Pfeil, Pos1 und Ende wechseln.
Warum es hilft
- Eingebautes Tastaturmuster
- Option für schließbare Tabs
- Barrierefrei
Wo es passt
- Detailseiten
- Einstellungen
- Dashboards
Beispiel
<Tabs @bind-ActiveIndex="_tab">
<TabPanel Title="Overview">Overview content</TabPanel>
<TabPanel Title="Details">Details content</TabPanel>
<TabPanel Title="Disabled" Disabled>Never shown</TabPanel>
<TabPanel Title="History">History content</TabPanel>
</Tabs>
<p>Active tab index: @_tab (use ← → Home End on the keyboard)</p>
@code {
private int _tab;
}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.