BrowserUX Share Button
Une solution moderne pour permettre un partage de contenu fluide sur tous les appareils et plateformes.
BrowserUX Share Button est un Web Component léger, accessible et personnalisable qui simplifie le partage d'URLs via l'API Web Share native, lorsqu'elle est disponible, ou via une modale de secours responsive. Il prend en charge plusieurs plateformes (Email, X, WhatsApp, etc.), récupère automatiquement les métadonnées de partage et offre une localisation complète, une personnalisation visuelle et une compatibilité avec tous les frameworks.
npm install browserux-share-button
Web component
Voir le CHANGELOG
Fonctionnalités clés de BrowserUX Share Button
- 📱 Utilise l'API Web Share native lorsqu'elle est disponible (mobile, PWA)
- 🗂 Bascule vers une modale riche avec des liens de plateforme sur desktop
- 🔗 Bouton copier dans le presse-papier avec icône d'application, titre et aperçu de l'URL
- 🌐 8 plateformes intégrées : Email, X, Facebook, WhatsApp, SMS, LinkedIn, Telegram, Reddit
- 🔌 Registre de plateformes personnalisées via
ShareButton.registerPlatform() - 🧠 Résolution automatique des données de partage depuis
document.title,metaet le Web App Manifest - 🌍 i18n intégré pour 12 langues, auto-détecté depuis
html lang - ♿ Accessible : navigation clavier, piège de focus, restauration du focus
- 📡 7 événements personnalisés :
bux:share-success,bux:share-abort,bux:copy-success, et plus - 🖱 API programmatique :
share(),setShareData(),openFallback(),closeFallback() - 🎨 Entièrement personnalisable via des propriétés CSS personnalisées
- 🧩 Shadow DOM optionnel, désactivable avec
no-shadow