Organize o conteúdo em painéis entre os quais os usuários alternam com o mouse, o toque ou as teclas de seta, Home e End.
Por que ajuda
- Padrão de teclado embutido
- Opção de abas que podem ser fechadas
- Acessível
Onde se encaixa
- Páginas de detalhes
- Configurações
- Painéis
Exemplo
<Tabs @bind-ActiveIndex="_tab">
<TabPanel Title="Overview">Overview content</TabPanel>
<TabPanel Title="Details">Details content</TabPanel>
<TabPanel Title="Disabled" Disabled>Never shown</TabPanel>
<TabPanel Title="History">History content</TabPanel>
</Tabs>
<p>Active tab index: @_tab (use ← → Home End on the keyboard)</p>
@code {
private int _tab;
}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.