Café LumbrePlaza del Carmen 3, Granada28/10/2026 · 09:41 · Mesa 6
- 2Café con leche3,20
- 1Tostada tomate2,90
- 1Zumo naranja3,50
- 1Napolitana2,10
Total11,70 €
IVA incluidoTarjeta ****4021
Gracias por venir
Kassenbon, der gedruckt wird
Ein Thermobon, der ruckweise aus einem kleinen Drucker kommt, mit gezacktem Abrissrand, Strichcode und Gesamtsumme in Monospace.
Einstellungen
Code
<div class="uvq07-rcp on"><div class="pr" aria-hidden="true"><i class="led"></i><i class="sl"></i></div><div class="pp"><div class="tk"><p class="h"><b>Café Lumbre</b><span>Plaza del Carmen 3, Granada</span><span>28.10.2026 · 09:41 · Tisch 6</span></p><ul><li><span>2</span><span>Milchkaffee</span><span>3,20</span></li><li><span>1</span><span>Tomatentoast</span><span>2,90</span></li><li><span>1</span><span>Orangensaft</span><span>3,50</span></li><li><span>1</span><span>Schokocroissant</span><span>2,10</span></li></ul><p class="tt"><span>Summe</span><b>11,70 €</b></p><p class="iv"><span>inkl. MwSt.</span><span>Karte ****4021</span></p><i class="bc" aria-hidden="true"></i><p class="th">Danke für den Besuch</p></div></div><button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 9V3.5h10V9M7 17H4.5v-6.5A1.5 1.5 0 0 1 6 9h12a1.5 1.5 0 0 1 1.5 1.5V17H17M7 14h10v6.5H7z"/></svg>Bon drucken</button></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 Karten
Alle ansehen: KartenWofür du ihn nutzen kannst
Der Kassenbon ist ein vertrautes Format für Zusammenfassungen, und dieser wird direkt vor den Augen gedruckt: Das Papier schiebt sich in Stufen aus dem Schlitz, während die Druckerlampe blinkt. Der Zackenrand ist eine CSS-Maske, der Strichcode ein wiederholter Verlauf. Er passt zu Bestellbestätigungen, Café-Karten, Checkout-Übersichten oder verspielten Jahresrückblicken.
Die Hauptfarbe färbt Lampe, Button und Summe, die zweite Farbe das Druckergehäuse. Passe Positionen und Ladennamen an und halte die Artikelnamen kurz, damit die Spalten sauber bleiben.