CatBut — Button.tsxprimary · secondary · ghost · outline · danger · icon

Button.tsx

Variants

variant="primary" | "secondary" | "ghost" | "outline" | "danger"

Button.tsx

Sizes

size="sm" | "md" | "lg" | "xl" — variant primary

size="sm" | "md" | "lg" | "xl" — variant outline

Button.tsx

Avec icône

iconPosition="left" (défaut)

iconPosition="right"

icônes à différentes tailles

Button.tsx

Variante "icon" (bouton circulaire)

variant="icon" — toutes les tailles

variant="icon" — différentes icônes (md)

Button.tsx

États

disabled= — tous les variants

isLoading= — tous les variants

isLoading simulé au clic (2s)

Button.tsx

Exemples de cas réels

Formulaire — actions principales

Dialogue de confirmation — danger

Barre d'outils — icônes

Navigation — CTA

Icône inconnue — fallback HelpCircle

Outline + icon XL

CatBut · Button.tsx · primary · secondary · ghost · outline · danger · icon · sm · md · lg · xl