Finn ut hvilken skjermstørrelse brukeren har og la koden din reagere når den endres.
Hvorfor det hjelper
- Navngitte brytepunkter
- Oppdateres ved størrelsesendring
- Enkel
Hvor det passer
- Responsiv logikk
- Layoutendringer
- Menyer
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.