Naar de inhoud
LAY-OUT · FREE

Panel

Een sectie met titel die kan inklappen en eigen acties draagt.

Een sectie met titel die kan inklappen en in de koptekst eigen acties draagt.

Waarom het helpt

  • Inklapknop
  • Acties in de koptekst
  • Met titel

Waar het past

  • Instellingensecties
  • Filters
  • Dashboards
Het besturingselement Panel op een RayCraft-pagina

Voorbeeld

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

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.

Alle besturingselementen ยท Documentatie