A barra superior do seu aplicativo, para o título e as ações principais. Coloque links nela e eles ficam na barra em telas largas e se recolhem atrás de um menu nas pequenas.
Por que ajuda
- Adapta-se do desktop ao telefone
- Título e ações
- Links de navegação se recolhem
Onde se encaixa
- Cabeçalhos de aplicativos
- Portais
- Sites de marketing
Exemplo
<AppBar>
<strong>My app</strong>
<span style="flex:1"></span>
<Button Variant="Variant.Text">Home</Button>
<Button Variant="Variant.Text">About</Button>
</AppBar>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.