Les propriétés du composant
Données complètes de l'épreuve à afficher
Callback appelé avec l'ID lors du clic sur la carte
Carte d'épreuve interactive avec informations formatées
// Utilisation dans une liste d'épreuves
<CardEpreuve
epreuve={{
id: 1,
date: "2024-07-26",
discipline: { nom: "Basketball", icone: "🏀" },
libelle: "Finale Hommes",
genre: "Hommes",
tour: "Finale"
}}
onClick={(id) => setSelectedEpreuve(id)}
/>
// Dans un carrousel d'épreuves
{epreuves.map(epreuve => (
<CardEpreuve
key={epreuve.id}
epreuve={epreuve}
onClick={handleEpreuveSelect}
/>
))}
Composant CardEpreuve pour l'affichage des cartes d'épreuves olympiques. Voir la documentation du module ci-dessus pour les détails complets.
Le composant affiche une carte interactive présentant les informations essentielles d'une épreuve olympique avec un design élégant et des interactions fluides. Il organise visuellement les données pour une lecture rapide et intuitive.