Page Entête
Vue d'ensemble
L'en-tête (header) est la zone supérieure de votre application web. Elle est partagée par toutes les pages du domaine et contient généralement le logo, le menu principal et les actions utilisateur.
Construction du header
Le header se construit comme n'importe quelle page BWEB, directement dans le Dev Panel. Vous disposez de tous les types de blocs : wrappers, textes, images, boutons, menus.
Éléments typiques
| Élément | Type de bloc | Description |
|---|---|---|
| Logo | image | Logo de l'application, lien vers la page d'accueil |
| Menu principal | menu / wrapper | Navigation principale avec liens vers les sections |
| Bouton connexion | button | Accès à l'espace utilisateur |
| Sélecteur de langue | select | Changement de langue (si multi-langue activé) |
Responsive design
Le header doit s'adapter à toutes les tailles d'écran. Utilisez les breakpoints Tailwind :
- Mobile (xs/sm) : menu hamburger, logo centré
- Tablette (md) : menu réduit, éléments essentiels
- Desktop (lg/xl/2xl) : menu complet déployé
Affichage conditionnel
Utilisez les conditionalDisplay sur les blocs du header pour afficher des éléments selon le contexte :
- Bouton "Connexion" visible uniquement si l'utilisateur n'est pas connecté
- Menu admin visible uniquement pour les administrateurs
- Bandeau promotionnel visible entre deux dates