Partage
مشاركةShare
Stable
src/dsm/components/share.tsxLe partage propose des raccourcis vers X, Facebook, LinkedIn, l'e-mail et la copie du lien courant — typiquement en fin d'article, de communiqué ou de fiche démarche.
Import
import { Share } from "@/dsm/components/share";Exemples
Par défaut
Barre de partage avec le titre par défaut.
Titre personnalisé
Remplacement du libellé « Partager ».
En fin d'article
Cas réel : partage en pied d'un communiqué officiel.
LTR
Le portail Chikaya.ma dépasse le million de réclamations traitées
Lancée en 2018, la plateforme nationale des réclamations a permis d'instruire plus d'un million de doléances déposées par les citoyens à l'encontre des administrations et établissements publics, avec un délai moyen de réponse ramené à 12 jours ouvrés en 2026.
Usage
Quand l'utiliser
- Placez le partage en fin de contenu éditorial (actualité, communiqué, fiche pratique) pour encourager sa diffusion.
- Laissez `url` par défaut : le composant utilise l'adresse de la page courante côté client.
Quand ne pas l'utiliser
- N'ajoutez pas de partage sur une page contenant des données personnelles ou une démarche en cours de saisie.
- N'utilisez pas ce composant comme unique moyen d'accéder à une ressource : il complète toujours un contenu déjà accessible par lien direct.
Accessibilité & langues
Accessibilité
- Chaque bouton porte un `aria-label` explicite (« Partager sur X », « Partager par e-mail »…), les icônes seules ne portent jamais le sens.
- La confirmation de copie du lien est annoncée par une zone `role="status"`, en plus du changement visuel de l'icône.
RTL & multilingue
- Les icônes de réseaux sociaux n'étant pas directionnelles, aucune ne nécessite de mise en miroir.
Propriétés
Share
| Propriété | Type | Défaut | Description |
|---|---|---|---|
| title | string | t.share | Libellé affiché avant les boutons. |
| url | string | — | URL à partager ; par défaut l'URL de la page courante, résolue côté client. |