Hopp til innholdet
NAVIGASJON · FREE

Tabs

Organiser innhold i paneler brukerne bytter mellom.

Organiser innhold i paneler som brukerne bytter mellom med mus, berøring eller tastene pil, Home og End.

Hvorfor det hjelper

  • Innebygd tastaturmønster
  • Alternativ med lukkbare faner
  • Tilgjengelige

Hvor det passer

  • Detaljsider
  • Innstillinger
  • Dashbord
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon