«Ideas para el viaje a Oporto: librería Lello a primera hora y cena junto al río.»
Toast en papier plié
L'avis arrive plié en trois comme une lettre et se déplie pli après pli, avec une ombre sur chaque pliure.
Réglages
Code
<div class="uvq09-ori"><button type="button" class="fire">Afficher à nouveau</button><div class="tt" role="status"><div class="p p1"><span class="av" aria-hidden="true">A</span><b>Ana a partagé une note avec toi</b><div class="p p2"><p>« Idées pour le voyage à Porto : librairie Lello à la première heure et dîner au bord du fleuve. »</p><div class="p p3"><button type="button" class="x">Plus tard</button><button type="button" class="op">Ouvrir la note</button></div></div></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
Une note partagée ressemble davantage à une lettre quand elle se déplie. Ce toast se compose de trois panneaux de papier imbriqués : l'en-tête apparaît d'abord, puis le panneau central descend depuis l'arrière avec une rotation 3D, suivi de la bande d'actions, chacun avec une ombre qui s'efface en s'aplatissant. À la fermeture, il se replie dans l'ordre inverse. Pour les documents partagés et les messages.
La couleur principale sert à l'avatar et au bouton principal, la secondaire au papier. Garde une idée par panneau, titre, aperçu et actions, et ajuste les délais des transitions si tu ajoutes ou retires un pli.