Ein betitelter Abschnitt, der sich einklappen lässt und in der Kopfzeile eigene Aktionen tragen kann.
Warum es hilft
- Einklappen-Schaltfläche
- Aktionen in der Kopfzeile
- Mit Titel
Wo es passt
- Einstellungsabschnitte
- Filter
- Dashboards
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.