whis-bo-component-package

Ce package offre une collection de composants React prêts à l'emploi, conçus avec Styled Components pour faciliter la création d'interfaces utilisateur élégantes et cohérentes. Parfait pour les développeurs cherchant à accélérer le développement sans sacrifier la qualité ou la personnalisation.

Installation

Pour installer le package, exécutez la commande suivante dans votre projet React :

npm install whis-bo-component-package

ou si vous utilisez yarn :

yarn add whis-bo-component-package

Utilisation

Pour utiliser un composant dans votre projet, importez-le de la manière suivante :

import { Button, Chip } from 'whis-bo-component-package';

const App = () => (
  <div>
    <Button text="Cliquez-moi" onClick={() => alert('Button cliqué')} />
    <Chip label="Nouveau" />
  </div>
);

Assurez-vous d'entourer votre application ou composant racine avec le ThemeProvider de Styled Components pour appliquer le thème par défaut ou personnaliser le vôtre.

Composants disponibles

• Button : Un bouton personnalisable pour vos actions.
• Chip : Une étiquette pour afficher des informations succinctes.
• ... (et tous les autres composants que vous proposez)

Personnalisation

Les composants utilisent Styled Components pour une personnalisation facile. Vous pouvez étendre ou surcharger les styles par défaut en utilisant la syntaxe Styled Components.

import styled from 'styled-components';
import { Button } from 'whis-bo-component-package';

const RedButton = styled(Button)\`
  background-color: red;
\`;

Contribution

Les contributions sont les bienvenues ! Si vous souhaitez contribuer, veuillez forker le dépôt, créer une branche pour votre fonctionnalité ou correction, et soumettre une pull request.

Licence

Ce projet est sous licence ISC. Voir le fichier LICENSE pour plus de détails.