Gå til indholdet
NAVIGATION · FREE

Tabs

Organisér indhold i paneler, brugerne skifter mellem.

Organisér indhold i paneler, som brugerne skifter mellem med musen, berøring eller piletasterne, Home og End.

Hvorfor det hjælper

  • Indbygget tastaturmønster
  • Mulighed for faner, der kan lukkes
  • Tilgængelige

Hvor det passer

  • Detaljesider
  • Indstillinger
  • Dashboards
Kontrollen Tabs på en RayCraft-side

Eksempel

<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;
}

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation