KweliUI

KweliUI est un design system moderne et flexible conçu pour faciliter le développement d'interfaces utilisateur cohérentes et esthétiques. Il comprend des composants réutilisables, des styles prédéfinis et des outils pour améliorer l'expérience utilisateur.

Table des matières

• Installation
• Utilisation
• Composants

Installation

Pour installer KweliUI, vous pouvez utiliser npm ou yarn. Exécutez l'une des commandes suivantes dans votre terminal :

Avec npm ou yarn

npm install kweliui

ou 

yarn add kweliui

Utilisation

Une fois installé, vous pouvez commencer à utiliser les composants dans votre projet. Voici un exemple de base :

import React from 'react';
import { UIButton } from 'kweliui';

const App = () => {
  return (
    <div>
      <h1>Bienvenue dans KweliUI</h1>
      <UIButton primary label="Cliquez ici" />
    </div>
  );
};

export default App;

Composants

KweliUI comprend plusieurs composants que vous pouvez utiliser directement. Voici quelques exemples :

UIButton

Le composant UIButton est un bouton personnalisable.

Props :

primary (boolean) : Si vrai, applique un style de bouton primaire. size ('small' | 'medium' | 'large') : Taille du bouton (par défaut : 'medium'). backgroundColor (string) : Couleur de fond personnalisée. label (string) : Texte affiché sur le bouton.