Toast d'étiquette de bagage
Une étiquette de valise pend à son cordon et se balance comme un pendule ; frôle-la avec le pointeur et elle repart.
Réglages
Code
<div class="uvq09-tag"><i class="rl" aria-hidden="true"></i><button type="button" class="fire">Afficher à nouveau</button><div class="tt" role="status"><span class="st" aria-hidden="true"></span><div class="tg"><i class="eye" aria-hidden="true"></i><span class="rt" aria-hidden="true"><b>MAD</b><i>✈</i><b>LIS</b></span><b class="tx">Ta valise est sur le tapis 7</b><small>Vol TP 1027 · arrivé à 14:05</small><span class="ft"><i class="bc" aria-hidden="true"></i><button type="button" class="ok">Je l'ai</button></span></div></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Notifications
Voir tout : NotificationsOù l’utiliser
Les avis de livraison des bagages méritent mieux qu'un bandeau gris. Ce toast suspend à une barre une étiquette de bagage avec cordon et œillet, codes d'aéroport en gras et code-barres, et quelques lignes de JavaScript calculent un pendule amorti pour qu'elle arrive en se balançant puis s'immobilise. Passer le pointeur dessus ou appuyer sur les flèches lui donne une poussée.
La couleur principale sert à la bande et au bouton, la secondaire au cordon. Règle la raideur et l'amortissement dans le script pour une étiquette plus lourde ou plus légère ; avec le mouvement réduit, elle reste suspendue. Utile pour le voyage et les compagnies aériennes.