Hoppa till innehållet
LAYOUT · FREE

Panel

En sektion med rubrik som kan fällas ihop och bära egna åtgärder.

En sektion med rubrik som kan fällas ihop och bära egna åtgärder i sidhuvudet.

Varför det hjälper

  • Hopfällningsknapp
  • Åtgärder i sidhuvudet
  • Med rubrik

Var det passar

  • Inställningssektioner
  • Filter
  • Instrumentpaneler
Kontrollen Panel på en RayCraft-sida

Exempel

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

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.

Alla kontroller ยท Dokumentation