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

HTML + CSSCartes

Ticket de caisse qui s'imprime

Un ticket thermique qui sort par à-coups d'une petite imprimante, avec bord dentelé, code-barres et total en police à chasse fixe.

Réglages

16px
1x

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 · Table 6</span></p><ul><li><span>2</span><span>Café au lait</span><span>3,20</span></li><li><span>1</span><span>Tartine tomate</span><span>2,90</span></li><li><span>1</span><span>Jus d’orange</span><span>3,50</span></li><li><span>1</span><span>Pain au chocolat</span><span>2,10</span></li></ul><p class="tt"><span>Total</span><b>11,70 €</b></p><p class="iv"><span>TVA incluse</span><span>Carte ****4021</span></p><i class="bc" aria-hidden="true"></i><p class="th">Merci de votre visite</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>Imprimer le ticket</button></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Cartes

Voir tout : Cartes

Où l’utiliser

Le ticket de caisse est un format familier pour résumer une commande, et celui-ci s'imprime sous les yeux de l'utilisateur : le papier sort de la fente par paliers pendant que le voyant clignote. Le bord dentelé est un masque CSS, le code-barres un dégradé répété. Idéal pour confirmations de commande, cartes de café, récapitulatifs d'achat ou bilans annuels ludiques.

La couleur principale teinte le voyant, le bouton et le total ; la seconde colore le boîtier. Modifie les lignes et le nom de l'enseigne, et garde des articles courts pour que les colonnes restent alignées.