Composants React

Documentation interactive avec des démos en direct pour tous les composants @ludiks/react

Personnalisation du Thème Global

Personnalisez le schéma de couleurs pour tous les composants. Les modifications s'appliquent à toutes les démos en temps réel.

Couleur Primaire

Couleur Secondaire

Couleur de Succès

Composant UserProfile

Affiche des informations complètes sur l'utilisateur avec progrès, réussites et séries.

Démo en Direct

Configuration

Afficher les Parcours

Afficher les Récompenses

Afficher les Séries

Variante

Exemple de Code

import { UserProfile } from '@ludiks/react';

<UserProfile 
  userId="user123"
  showCircuits={true}
  showRewards={true}
  showStreak={true}
  variant="card"
  colors={{
    primary: "#8b5cf6",
    secondary: "#06d6a0",
    success: "#10b981"
  }}
/>

Installation et Configuration

npm install @ludiks/react

Ce package combine le SDK Ludiks complet avec des composants React prêts à l'emploi. Si vous n'avez besoin que des fonctionnalités du SDK sans composants visuels, vous pouvez utiliser @ludiks/sdk à la place.