Components

Notre bibliothèque de composants est conçue pour vous permettre de construire des interfaces utilisateur modernes et performantes rapidement.

Organisation des composants

Nos composants sont organisés en plusieurs catégories pour faciliter la navigation et l'utilisation :

🧩 Elements

Les éléments de base de l'interface utilisateur : boutons, inputs, dropdowns et plus encore.

🧱 Blocks

Des blocs de contenu prêts à l'emploi pour construire des sections de page.

📄 Pages

Des modèles de pages complètes pour différents cas d'usage.

🚀 Applications

Des applications complètes avec toutes les fonctionnalités nécessaires.

Utilisation

Installation

npm install @brikl/ui

Import

import { Button, Input, Card } from '@brikl/ui';

Utilisation basique

import { Button } from '@brikl/ui';

export default function MyComponent() {
  return (
    <Button variant="primary" size="lg">
      Cliquez ici
    </Button>
  );
}

Personnalisation

Tous nos composants sont hautement personnalisables :

• Variantes : Différents styles pour chaque composant
• Tailles : Plusieurs tailles disponibles
• Thèmes : Support des thèmes sombre/clair
• CSS personnalisé : Classes Tailwind et CSS modules

Accessibilité

Chaque composant respecte les standards d'accessibilité WCAG 2.1 :

• Navigation au clavier
• Support des lecteurs d'écran
• Contraste approprié
• Focus visible

Prochaines étapes

• Explorer les éléments
• Découvrir les blocs
• Voir les pages
• Applications complètes