React Lunar Calendar (FR)

Un composant React pour afficher un calendrier lunaire en français avec les phases de la lune et des conseils quotidiens.

Installation

npm install react-lunar-calendar-fr

Utilisation

Composant autonome

import { LunarCalendar } from 'react-lunar-calendar-fr';

function App() {
  return (
    <LunarCalendar 
      showHomeLink={true} // Optionnel: affiche/masque le lien d'accueil
      homePath="/" // Optionnel: chemin du lien d'accueil
      className="" // Optionnel: classes CSS additionnelles
    />
  );
}

Application complète avec routage

import { LunarApp } from 'react-lunar-calendar-fr';

function App() {
  return (
    <LunarApp calendarPath="/mon-calendrier" /> // Le chemin par défaut est "/calendrier"
  );
}

Prérequis

Ce package nécessite les dépendances suivantes dans votre projet:

• react
• react-dom
• react-router-dom
• lucide-react
• TailwindCSS

Props

LunarCalendar

| Prop | Type | Default | Description | |------|------|---------|-------------| | showHomeLink | boolean | true | Affiche ou masque le lien de retour à l'accueil | | homePath | string | "/" | Chemin du lien de retour à l'accueil | | className | string | "" | Classes CSS additionnelles pour le conteneur principal |

LunarApp

| Prop | Type | Default | Description | |------|------|---------|-------------| | calendarPath | string | "/calendrier" | Chemin d'accès au calendrier lunaire |

Fonctionnalités

• Affichage de la phase lunaire actuelle
• Navigation entre les jours
• Calcul de l'illumination lunaire
• Conseils quotidiens basés sur la phase de la lune
• Interface en français
• Design responsive et moderne
• Intégration avec TailwindCSS
• Routage configurable

License

MIT