Find ud af, hvilken skærmstørrelse din bruger har, og lad din kode reagere, når den ændres.
Hvorfor det hjælper
- Navngivne brudpunkter
- Opdateres ved størrelsesændring
- Enkel
Hvor det passer
- Responsiv logik
- Layoutændringer
- Menuer
Eksempel
<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>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.