Visa eller dölj innehåll vid behov. Bind det till vilken knapp som helst och behåll innehållet på sidan medan det är dolt om du behöver.
Varför det hjälper
- Fungerar med vilken knapp som helst
- Innehållet förblir laddat
- Enkel
Var det passar
- Avancerade alternativ
- Detaljer
- Filter
Exempel
<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;
}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.