Vis eller skjul indhold efter behov. Bind det til en vilkårlig knap og behold indholdet på siden, mens det er skjult, hvis du har brug for det.
Hvorfor det hjælper
- Virker med enhver knap
- Indhold forbliver indlæst
- Enkel
Hvor det passer
- Avancerede indstillinger
- Detaljer
- Filtre
Eksempel
<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;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.