Zeigen oder verbergen Sie Inhalte auf Abruf. Binden Sie es an eine beliebige Schaltfläche und halten Sie den Inhalt bei Bedarf auch im verborgenen Zustand in der Seite.
Warum es hilft
- Funktioniert mit jeder Schaltfläche
- Inhalt bleibt geladen
- Einfach
Wo es passt
- Erweiterte Optionen
- Details
- Filter
Beispiel
<Button Variant="Variant.Outlined" OnClick="@(() => _open = !_open)" aria-expanded="@(_open ? "true" : "false")" aria-controls="@(_open ? "collapse-demo" : null)">
@(_open ? "Hide details" : "Show details")
</Button>
<Collapse Expanded="_open" id="collapse-demo">
<Card>Details that appear and disappear. The content is not rendered while collapsed.</Card>
</Collapse>
@code {
private bool _open;
}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.