Blocks

Les blocs sont des composants de contenu prêts à l'emploi pour construire des sections de page rapidement et efficacement.

Types de blocs

Banners

Des bannières d'information et d'alerte pour communiquer des messages importants aux utilisateurs.

Features

Des sections de présentation de fonctionnalités avec des icônes, descriptions et appels à l'action.

Avantages des blocs

🚀 Développement rapide

Créez des sections de page complètes en quelques lignes de code.

🎨 Design cohérent

Tous nos blocs suivent les mêmes principes de design pour une expérience utilisateur uniforme.

📱 Responsive par défaut

Chaque bloc s'adapte automatiquement à tous les types d'écrans.

♿ Accessibilité intégrée

Respect des standards WCAG 2.1 pour une accessibilité maximale.

Utilisation

Import des blocs

import { Banner, Features } from '@brikl/ui';

Exemple d'utilisation

import { Banner, Features } from '@brikl/ui';

export default function HomePage() {
  return (
    <div className="space-y-8">
      <Banner
        title="Nouvelle fonctionnalité disponible !"
        description="Découvrez notre nouvelle interface utilisateur améliorée."
        variant="info"
      />
      
      <Features
        title="Nos fonctionnalités principales"
        features={[
          {
            icon: <IconRocket />,
            title: "Performance",
            description: "Applications ultra-rapides et optimisées"
          },
          {
            icon: <IconShield />,
            title: "Sécurité",
            description: "Protection des données de niveau entreprise"
          }
        ]}
      />
    </div>
  );
}

Personnalisation

Chaque bloc peut être personnalisé avec :

• Variantes : Différents styles et couleurs
• Contenu : Titres, descriptions, images personnalisées
• Actions : Boutons et liens configurables
• Layout : Disposition et espacement personnalisables

Prochaines étapes

• Banners
• Features