01 · Datos
Factura por defecto
Recibe un objeto invoice y calcula totales, moneda y fecha.
- es-MX
- USD
- Sonido
- 3,2 s
Thermal series · Web Component
El papel emerge de la ranura con velocidad constante, se rasga al terminar y suma una línea de corte. Un Web Component sin dependencias para facturas, comandas, cupones o pases de abordar: funciona en Astro, React, Vue o HTML plano.
01 · Datos
Recibe un objeto invoice y calcula totales, moneda y fecha.
02 · Slot
Marcado propio como hijo: sustituye al recibo y conserva la animación.
Mesa 12
⚑ Alergia: cacahuate
03 · Tema e idioma
Otro idioma y moneda, impuestos y descuento, tema claro y sin código de barras.
04 · En vivo
Todo el ticket sale del JSON: logo, título, fecha, moneda, líneas, pie y código. Prueba "barcodeFormat": "qr". Imprime una vez y sigue editando: el papel se actualiza al vuelo.
JSON válido
05 · Backend
El backend responde con su propio formato. La página lo convierte a InvoiceData, lo asigna a invoice y llama a print(). Con «Plantilla propia», los mismos datos se pintan con un template distinto.
Elige una venta para pedirla al backend.
Sin datos
06 · Slot
Un ticket que no es factura: diseño propio en el slot y un QR para canjearlo.
MERCADO VERDE
Cupón de descuento
−20%
en frutas y verduras
CódigoVERDE20
No acumulable con otras promociones.
07 · Slot
Ruta, puerta y asiento en grande, y un código Aztec con los datos del pase en formato BCBP.
AEROLÍNEA NUBE
Pase de abordar
MEXCiudad de México
CUNCancún
Reserva ABC123 · Secuencia 042
La puerta cierra 15 min antes de la salida.
08 · Hardware
El ticket del editor del caso 04, convertido a ESC/POS con toEscPos() de printer-invoice/escpos. Conecta una impresora por USB o puerto serie y sale en papel de verdad.
Sin impresora conectada