Descubra qual tamanho de tela seu usuário tem e deixe seu código reagir quando ele mudar.
Por que ajuda
- Pontos de quebra nomeados
- Atualiza ao redimensionar
- Simples
Onde se encaixa
- Lógica responsiva
- Mudanças de layout
- Menus
Exemplo
<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>Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.