Retours et chargement
Alerte
Quand l'utiliser
Pour un message qui concerne ce qui est à l'écran et qui reste : erreur de validation globale, avertissement avant une action, information sur l'état d'une fiche. Pour une confirmation passagère, un toast ; pour un message qui concerne toute l'application, une bannière.
Synchronisation en cours.
Les relevés d'hier arrivent dans quelques minutes.
Réception validée.
18 colis, 1 écart de poids transmis au fournisseur.
2 produits à DLC J-1.
À retirer du libre-service ce soir.
La facture n'a pas pu être enregistrée.
Le fournisseur est obligatoire.
Code
<div class="hb-stack" style="max-width:640px">
<div class="hb-alert hb-alert-info"><span class="ico"></span><div><b>Synchronisation en cours.</b><p>Les relevés d'hier arrivent dans quelques minutes.</p></div></div>
<div class="hb-alert hb-alert-success"><span class="ico"></span><div><b>Réception validée.</b><p>18 colis, 1 écart de poids transmis au fournisseur.</p></div><button class="hb-btn">Voir le bon</button></div>
<div class="hb-alert hb-alert-warning"><span class="ico"></span><div><b>2 produits à DLC J-1.</b><p>À retirer du libre-service ce soir.</p></div><button class="hb-btn">Voir</button></div>
<div class="hb-alert hb-alert-danger"><span class="ico"></span><div><b>La facture n'a pas pu être enregistrée.</b><p>Le fournisseur est obligatoire.</p></div></div>
</div>Règles
- Titre en une phrase courte avec un point, texte en une ou deux phrases, au plus une action (bouton petit à droite, qui passe sous le texte sur téléphone).
- Une alerte d'erreur reste jusqu'à ce que le problème soit réglé ; elle ne se ferme pas d'une croix.
- Une seule alerte par zone ; plusieurs erreurs de champ vont sous leurs champs, pas dans l'alerte.