🚀 Démonstration Live
Voici votre composant React en action :
Interactif
Compteur avec boutons + et -
Thème Adaptatif
Mode clair et sombre
Responsive
S'adapte à tous les écrans
Design Moderne
Animations et transitions fluides
💡 Comment l'intégrer sur votre site
Pour utiliser ce composant sur votre site PHP ou HTML :
<!-- 1. Inclure React -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<!-- 2. Conteneur pour le composant -->
<div id="mon-composant"></div>
<!-- 3. Script du composant -->
<script src="bundle.js"></script>
<script>
window.ReactDemoComponent.init('mon-composant', {
title: "Mon Titre",
initialCount: 5
});
</script>
🎛️ Exemple avec Configuration
Voici un deuxième composant avec des paramètres différents :