Brickslab.

@brickslab/ui-web

Logo de marque BricksLab disponible en deux variantes (full / icon) et trois tailles. Utilisé dans les headers, footers et écrans de chargement.

Aperçu

variant="full" — toutes les tailles

size="sm"
BricksLab
size="md"
BricksLab
size="lg"
BricksLab

variant="icon" — toutes les tailles

size="sm"
B
size="md"
B
size="lg"
B

comparaison full vs icon — size: md

variant="full"
BricksLab
variant="icon"
B

Props

PropTypeDéfautRequisDescription
size"sm" | "md" | "lg""md"—Taille du logo. Contrôle les dimensions globales du composant.
variant"full" | "icon""full"—"full" affiche le logo complet avec le nom de marque. "icon" affiche uniquement le symbole/icône.

Utilisation

tsx
import { LogoMark } from "@brickslab/ui-web";

// Variante full (défaut) — toutes les tailles
<LogoMark size="sm" variant="full" />
<LogoMark size="md" variant="full" />
<LogoMark size="lg" variant="full" />

// Variante icon uniquement
<LogoMark size="sm" variant="icon" />
<LogoMark size="md" variant="icon" />
<LogoMark size="lg" variant="icon" />