Brickslab.Tools

@brickslab./ui-web

Pied de page du catalogue avec branding Brickslab, sections de ressources et légales, liens sociaux et copyright. Composant personnalisé du catalogue pour la navigation footer.

Caractéristiques

Section Branding : Logo Brickslab avec tagline
Section Resources : Liens GitHub, website, documentation
Section Legal : Conditions d'utilisation, politique de confidentialité, licence
Section Social : Liens vers réseaux sociaux (Twitter/X, LinkedIn)
Copyright dynamique : Année calculée automatiquement
Responsive : Grille 4 colonnes sur desktop, adaptée sur mobile

Props

Prop	Type	Défaut	Requis	Description
`children`	`ReactNode (internal)`	—	—	Le footer gère sa propre structure interne avec branding, ressources, légal et liens sociaux.

Override rapide

Tous les paramètres listés dans cette table sont overrideables via les props. Utilisez ce squelette comme point de départ.

<MyComponent
  children={<span>...</span>}
/>

children

Démonstration

Le footer est visible en bas de la page

Consultez le footer au bas de la page avec :

Section branding
Liens ressources
Liens légaux
Liens réseaux sociaux

Utilisation

tsx

import { FooterBar } from "@brickslab/catalog";

export default function Layout() {
  return (
    <div style={{ minHeight: "100vh", display: "flex", flexDirection: "column" }}>
      <main style={{ flex: 1 }}>
        {/* Page content */}
      </main>
      <FooterBar />
    </div>
  );
}

Notes

⚠️ Le FooterBar est un composant personnalisé du catalogue. Il est intégré au bas de chaque page du layout root et utilise du CSS module pour le styling responsive.