Organisez le contenu en panneaux entre lesquels les utilisateurs passent à la souris, au toucher ou avec les touches fléchées, Début et Fin.
Pourquoi c’est utile
- Modèle clavier intégré
- Option d’onglets fermables
- Accessible
Où il trouve sa place
- Pages de détails
- Paramètres
- Tableaux de bord
Exemple
<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.