Composant · Structure

Footer

Documenté

Le composant Footer fournit la structure du pied de page applicatif (région contentinfo) : marque, colonnes de liens, copyright et liens légaux. Complète l'app shell (Header + Footer).

Exemple complet

Voir le code (Svelte)

<Footer
  brand="Sent Tech"
  columns={[{"title":"Produit","links":[{"label":"Composants","href":"/components"},{"label":"Tokens","href":"/tokens"},{"label":"Documentation","href":"/docs"}]},{"title":"Entreprise","links":[{"label":"À propos","href":"/about"},{"label":"Blog","href":"/blog"},{"label":"Contact","href":"/contact"}]}]}
  legalLinks={[{"label":"Mentions légales","href":"#footer-demo"},{"label":"Confidentialité","href":"#footer-demo"}]}
  copyright="© 2026 Sent Tech. Tous droits réservés."
/>

Minimal (copyright seul)

Voir le code (Svelte)

<Footer copyright="© 2026 Sent Tech." />

API du composant

Prop	Type	Par défaut
`copyright`	`string`	optionnel
`label`	`string`	`"Pied de page"`
`brand`	`Snippet` / `string`	optionnel
`columns`	`Snippet` / `Array`	optionnel
`legalLinks`	`Array<{label, href}>`	optionnel
`legal`	`Snippet` (Svelte)	optionnel
`class`	`string`	optionnel
Autres attributs	`HTMLAttributes<HTMLElement>`	propagés sur `<footer>`