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
Ticket de caja que se imprime
Un recibo térmico que sale a tirones de una pequeña impresora, con borde dentado, código de barras y total en monoespaciada.
Ajustes
Código
<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 · Mesa 6</span></p><ul><li><span>2</span><span>Café con leche</span><span>3,20</span></li><li><span>1</span><span>Tostada tomate</span><span>2,90</span></li><li><span>1</span><span>Zumo naranja</span><span>3,50</span></li><li><span>1</span><span>Napolitana</span><span>2,10</span></li></ul><p class="tt"><span>Total</span><b>11,70 €</b></p><p class="iv"><span>IVA incluido</span><span>Tarjeta ****4021</span></p><i class="bc" aria-hidden="true"></i><p class="th">Gracias por venir</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>Imprimir ticket</button></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Cards
Ver todos: CardsDónde usarlo
El ticket es un formato conocido para resumir un pedido, y este se imprime delante de quien lo mira: el papel sale de la ranura a saltos mientras parpadea la luz de la impresora. El borde dentado es una máscara CSS y el código de barras un degradado repetido. Sirve para confirmaciones de pedido, cartas de cafetería, resúmenes de compra o páginas de balance anual.
El color principal tiñe la luz, el botón y el total; el secundario es el cuerpo de la impresora. Cambia las líneas y el nombre del local, y deja los productos cortos para que las columnas cuadren.