Weet welke schermgrootte je gebruiker heeft en laat je code reageren wanneer die verandert.
Waarom het helpt
- Benoemde breekpunten
- Werkt bij tijdens formaat wijzigen
- Eenvoudig
Waar het past
- Responsieve logica
- Lay-outwijzigingen
- Menu's
Voorbeeld
<BreakpointObserver>
<p>Current breakpoint: <strong>@context</strong> (resize the window to see it change).</p>
@if (context >= Breakpoint.Lg)
{
<Alert Severity="Severity.Info">Wide layout: the sidebar is shown.</Alert>
}
else
{
<Alert Severity="Severity.Warning">Narrow layout: the sidebar is hidden.</Alert>
}
</BreakpointObserver>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.