Imprimiendo ticket
HTML + CSSLoaders
Imprimante de tickets thermique
Un ticket sort de la fente par à-coups, s'arrête un instant puis se déchire pour laisser place au suivant.
Réglages
16px
1x
Code
<div class="uvq10-tkt" role="status"><span class="sr">Impression du ticket</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 pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Loaders
Voir tout : LoadersOù l’utiliser
Ce loader dessine en CSS une petite imprimante thermique et fait sortir le ticket par saccades, comme sous une vraie tête d'impression. Le papier porte des lignes, un total et un code-barres, puis il se détache. Il convient aux paiements, aux confirmations de commande et aux écrans de caisse.
La couleur principale habille le boîtier, la seconde colore le voyant. Place à côté un message court, comme le numéro de commande, et ralentis l'animation si l'attente dure.