Toast mit Gepäckanhänger
Ein Kofferanhänger hängt an seiner Schnur und pendelt; streifst du ihn mit dem Mauszeiger, schwingt er wieder los.
Einstellungen
Code
<div class="uvq09-tag"><i class="rl" aria-hidden="true"></i><button type="button" class="fire">Erneut zeigen</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">Dein Koffer ist auf Band 7</b><small>Flug TP 1027 · gelandet um 14:05</small><span class="ft"><i class="bc" aria-hidden="true"></i><button type="button" class="ok">Hab ihn</button></span></div></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Toasts
Alle ansehen: ToastsWofür du ihn nutzen kannst
Hinweise zur Gepäckausgabe verdienen mehr als einen grauen Balken. Dieser Toast hängt einen Gepäckanhänger mit Schnur und Öse an eine Stange, mit fetten Flughafencodes und Strichcode, und ein paar Zeilen JavaScript berechnen ein gedämpftes Pendel, damit er hereinschwingt und zur Ruhe kommt. Fährt der Zeiger darüber oder drückst du die Pfeiltasten, bekommt er einen Stoß.
Die Hauptfarbe gilt für Streifen und Button, die zweite für die Schnur. Stelle Steifigkeit und Dämpfung im Skript für einen schwereren oder leichteren Anhänger ein; bei reduzierter Bewegung hängt er einfach still. Gut für Reise-Apps, Airlines und Garderoben.