FooterBar

Utilisation

Exemples

Modification des liens

Vous pouvez modifier la liste des liens en utilisant la prop link-items afin de les réorganiser, d’en ajouter, d’en supprimer ou de modifier leur destination.

Contenu supplémentaire

Vous pouvez ajouter du contenu au début ou à la fin du pied de page en utilisant les slots prepend et append.

Mode étendu

Vous pouvez ajouter du contenu dans le slot par défaut, cela activera le mode étendu qui affiche le logo de l’Assurance Maladie ainsi que la liste de ses réseaux sociaux.

Masquer une section

Vous pouvez masquer les réseaux sociaux ou le logo de l’Assurance Maladie en utilisant les props hide-logo et hide-social-media-links.

Liste adaptative

Vous pouvez utiliser le sous-composant CollapsibleList pour afficher des listes de liens dans le slot par défaut. Cette liste affiche tout le contenu sur les grands écrans et une liste accordéon sur mobile.

Mode sombre

Vous pouvez afficher le footer en mode sombre en utilisant la prop dark.

API

Personnalisation

Liste des réseaux sociaux

Vous pouvez personnaliser la liste des réseaux sociaux en utilisant la prop social-media-links.

Composants Vuetify

Vous pouvez personnaliser les composants Vuetify contenus dans le pattern FooterBar en utilisant la prop vuetify-options.

Slots

Vous pouvez utiliser les slots prepend et append pour ajouter du contenu avant et après les liens du pied de page, ainsi que les slots logo et social-media-links pour remplacer le logo et la liste des réseaux sociaux.