Partage

Le partage est un groupe d’éléments d’interaction avec l’interface permettant à l’usager de partager le contenu consulté via différents canaux.

Anatomie du partage
  1. Un libellé « Partager la page » — Obligatoire
  2. Un ou plusieurs bouton(s) de partage sur les réseaux sociaux, Facebook et/ou X et/ou LinkedIn et/ou Instagram et/ou autre — Obligatoire
  3. Un bouton d’envoi par mail — En option
  4. Un bouton pour copier le lien de la page — Obligatoire

Variations

Le partage ne propose aucune variation.

Tailles

La largeur du partage s’adapte à son contenu.

États

État désactivé

L’état désactivé indique que l'usager ne peut pas interagir avec les boutons.

Information

Le code d’intégration des boutons et liens de partage proposé ici correspond à de simples liens externes vers les services de partage.

Si vous souhaitez utiliser les différentes intégrations (javascript) proposées par les différents réseaux sociaux, vous devrez très probablement les intégrer à votre gestionnaire de consentement afin que l’usager puisse accepter ou non les cookies déposés.

Par défaut, les services devant être désactivés, les boutons sont donc passés en inactif et une mention d’information s’affiche pour rediriger l’usager vers la modale de consentement.

Personnalisation

Le partage n’est pas personnalisable, à l’exception du choix des réseaux sociaux proposés.

N’hésitez pas à contacter l’équipe DSFR si vous avez besoin d’ajouter d’autres boutons de réseaux sociaux.

À ne pas faire

Ne pas personnaliser les icônes des réseaux sociaux.

Maillage

Proposer une amélioration

Aidez-nous à améliorer la documentation en laissant vos retours, questions ou commentaires sur GitHub.

Accéder à Github