Imprimiendo ticket
HTML + CSSLoader
Loader mit Thermo-Bondrucker
Ein Kassenbon schiebt sich ruckweise aus dem Schlitz, bleibt kurz stehen und wird abgerissen, damit der nächste kommen kann.
Einstellungen
16px
1x
Code
<div class="uvq10-tkt" role="status"><span class="sr">Bon wird gedruckt</span><div class="pr" aria-hidden="true"><i class="led"></i><i class="sl"></i></div><div class="win" aria-hidden="true"><div class="pp"><i class="hd"></i><b style="--w:52%"></b><b style="--w:68%"></b><b style="--w:44%"></b><b style="--w:60%"></b><i class="hr"></i><b class="tt" style="--w:38%"></b><i class="bc"></i></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 Loader
Alle ansehen: LoaderWofür du ihn nutzen kannst
Dieser Loader zeichnet einen kleinen Thermodrucker in CSS und schiebt den Bon in Schritten aus dem Schlitz, wie bei einem echten Druckkopf. Auf dem Papier stehen Zeilen, eine Summe und ein Barcode, danach wird es abgerissen. Er passt zu Kassen, Bestellbestätigungen und Bildschirmen am Verkaufspunkt.
Die Hauptfarbe färbt das Druckergehäuse, die zweite Farbe die Statusleuchte. Stell eine kurze Meldung daneben, etwa die Bestellnummer, und senke das Tempo, wenn das Warten länger dauert.