Gå til indholdet
LAYOUT · FREE

Panel

En sektion med titel, der kan skjules og bære sine egne handlinger.

En sektion med titel, der kan skjules og bære sine egne handlinger i sidehovedet.

Hvorfor det hjælper

  • Sammenklapningsknap
  • Handlinger i sidehovedet
  • Med titel

Hvor det passer

  • Indstillingssektioner
  • Filtre
  • Dashboards
Kontrollen Panel på en RayCraft-side

Eksempel

<Panel Title="Always open">Plain panel content.</Panel>
<Panel Title="Collapsible" Collapsible="true" @bind-Expanded="_open">
    <Actions><Button Variant="Variant.Text" Size="Size.Small" StartIcon="IconName.Refresh">Refresh</Button></Actions>
    <ChildContent>Content that can be collapsed.</ChildContent>
</Panel>
<span>Expanded: @_open</span>

@code {
    private bool _open = true;
}

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