Toon of verberg inhoud op verzoek. Koppel het aan een willekeurige knop en houd de inhoud desgewenst in de pagina terwijl die verborgen is.
Waarom het helpt
- Werkt met elke knop
- Inhoud blijft geladen
- Eenvoudig
Waar het past
- Geavanceerde opties
- Details
- Filters
Voorbeeld
<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;
}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.