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.
Elements 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 |
| Selecteur de langue | select | Changement de langue (si multi-langue active) |
Responsive design
Le header doit s'adapter à toutes les tailles d'écran. Utilisez les breakpoints Tailwind :
- Mobile (xs/sm) : menu hamburger, logo centre
- Tablette (md) : menu reduit, é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 connecte
- Menu admin visible uniquement pour les administrateurs
- Bandeau promotionnel visible entre deux dates