Organisera innehåll i paneler som användare växlar mellan med mus, beröring eller tangenterna pil, Home och End.
Varför det hjälper
- Inbyggt tangentbordsmönster
- Alternativ med stängbara flikar
- Tillgängliga
Var det passar
- Detaljsidor
- Inställningar
- Instrumentpaneler
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.