Topbar (Navigation principale)
Barre de navigation horizontale globale. Présente sur toutes les pages de la plateforme.
Démo
b
b.connect Debug FS
Anatomie
| Zone | Description |
|---|---|
| Logo orb | Cercle gradient rouge-orange + "b" blanc — lien vers home |
| Nom produit | "b.connect" Poppins 700 |
| Nav links | Liens de navigation principales (3-5 max) |
| Badge environnement | "Debug FS" = mode non-production uniquement |
| Trait bas | border-bottom 2px gradient rouge-orange |
Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
| env | 'prod' | 'staging' | 'dev' | 'prod' | Affiche le badge "Debug FS" si ≠ 'prod' |
| nav-items | NavItem[] | [] | Liens de navigation |
| #logo | Slot | — | Remplacement du logo (rare) |
| #actions | Slot | — | Zone droite personnalisable |
Règle importante — Badge "Debug FS"
Le pill rouge "Debug FS" ne s'affiche que sur les environnements non-production (staging, dev). En production, ce badge est invisible.
Son apparition est un signal fort pour les équipes de développement que l'environnement courant n'est pas le live.