Orden inhoud in panelen waartussen gebruikers wisselen met de muis, aanraking of de toetsen pijl, Home en End.
Waarom het helpt
- Ingebouwd toetsenbordpatroon
- Optie voor sluitbare tabbladen
- Toegankelijk
Waar het past
- Detailpagina's
- Instellingen
- Dashboards
Voorbeeld
<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;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.