Planning BTP Component

Un composant React pour la gestion de planning dans le secteur du BTP.

Installation

npm install planning-btp
# ou
yarn add planning-btp

Utilisation

Utilisation de base

import { PlanningBTP } from 'planning-btp';

function App() {
  return (
    <div className="app">
      <PlanningBTP />
    </div>
  );
}

Personnalisation

Le composant PlanningBTP accepte plusieurs props pour la personnalisation:

import { PlanningBTP } from 'planning-btp';

function App() {
  // Gérer la navigation interne
  const handleNavigate = (path) => {
    console.log(`Navigation vers: ${path}`);
    // Implémentez votre logique de navigation ici
  };

  // En-tête personnalisé
  const customHeader = (
    <header className="my-custom-header">
      <h1>Mon Planning Personnalisé</h1>
    </header>
  );

  // Pied de page personnalisé
  const customFooter = (
    <footer className="my-custom-footer">
      <p>© Mon Entreprise BTP</p>
    </footer>
  );

  return (
    <div className="app">
      <PlanningBTP 
        onNavigate={handleNavigate}
        customHeader={customHeader}
        customFooter={customFooter}
        baseUrl="/mon-prefix"
      />
    </div>
  );
}

Props

| Prop | Type | Description | |------|------|-------------| | onNavigate | (path: string) => void | Fonction appelée lors de la navigation interne | | customHeader | ReactNode | Composant React personnalisé pour l'en-tête | | customFooter | ReactNode | Composant React personnalisé pour le pied de page | | baseUrl | string | Préfixe URL à ajouter aux liens internes |

Prérequis

Ce composant nécessite:

• React 18+
• Next.js 14+
• Tailwind CSS

Note importante

Assurez-vous d'avoir configuré Tailwind CSS dans votre application pour que les styles soient correctement appliqués.

Licence

MIT