Aller au contenu
NAVIGATION · FREE

AppBar

Une barre supérieure nette qui s’adapte des grands écrans aux petits téléphones.

La barre supérieure de votre application, pour le titre et les actions principales. Placez-y des liens : ils restent dans la barre sur les grands écrans et se replient derrière un menu sur les petits.

Pourquoi c’est utile

  • S’adapte du poste au téléphone
  • Titre et actions
  • Les liens de navigation se replient

Où il trouve sa place

  • En-têtes d’application
  • Portails
  • Sites marketing
Le contrôle AppBar dans une page RayCraft

Exemple

<AppBar>
    <strong>My app</strong>
    <span style="flex:1"></span>
    <Button Variant="Variant.Text">Home</Button>
    <Button Variant="Variant.Text">About</Button>
</AppBar>

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.

Tous les contrôles ยท Documentation