Organiza el contenido en paneles entre los que los usuarios cambian con el ratón, el tacto o las teclas de flecha, Inicio y Fin.
Por qué ayuda
- Patrón de teclado integrado
- Opción de pestañas que se pueden cerrar
- Accesible
Dónde encaja
- Páginas de detalle
- Ajustes
- Paneles
Ejemplo
<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;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.