Composants Brikl

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

Getting Started