Alertes
Messages d'état contextuels. Contour complet dans la couleur sémantique + icône réelle en pastille — pas de bande latérale. Quatre intentions : info, succès, avertissement, danger.
Variantes
Inscription ouverte
La nouvelle cohorte d'incubation démarre le 1er septembre.
Projet soumis
Ton dossier a bien été reçu. Tu recevras une réponse sous 5 jours.
Profil incomplet
Complète ton profil pour pouvoir postuler aux programmes.
Échec du paiement
Réessaie ou utilise un autre moyen de paiement.
Avec action
Toast · note · bannière
Enregistré
Envoi en cours…
Toasts dynamiques nouveau
Notifications éphémères : pastille de couleur + icône, barre de progression, fermeture, auto-dismiss (bas-droite). Clique pour déclencher.
<button data-toast="success" data-toast-title="…" data-toast-msg="…">…</button>
<!-- ou en JS : -->
IbudoOrbital.toast({ type:'success', title:'…', msg:'…', duration:4000 }); Astuce : tu peux copier-coller n'importe quel bloc dans Elementor.
Usage & accessibilité
À faire
- Une intention par couleur (info/succès/warning/danger).
- Un titre court + une phrase d'explication actionnable.
-
role="status"(info/succès) ourole="alert"(danger).
À éviter
- Empiler 5 alertes — hiérarchise.
- Le jaune avec du texte clair (contraste).
- Couleur seule pour porter le sens — garde l'icône.