Components
Button
Action principale, secondaire ou critique. Le composant le plus utilisé du portail.
Variantes
Tailles
États
Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "success" | "danger" | "ghost" | "outline" | "primary" | Style visuel selon l'intention. |
| size | "sm" | "md" | "lg" | "md" | Hauteur 36 / 44 / 48 px. |
| disabled | boolean | — | Empêche l'interaction, réduit l'opacité. |
Code
import { IssButton } from "@/components/iss/button";
<IssButton variant="primary" size="md">
Demander un devis
</IssButton>Règles
À faire
- • Un seul bouton primaire visible par écran
- • Verbe d'action explicite (Valider, Envoyer, Postuler)
- • Taille tactile ≥ 44 px en mobile
- • Icône à gauche du texte si présente
À éviter
- • Empiler plusieurs boutons orange dans le même bloc
- • Utiliser un bouton danger pour une action non destructive
- • Désactiver sans donner la raison
- • Texte ambigu type "OK" ou "Cliquer ici"