transactionIdreq- Type
string- Default
- -
- Description
- Receipt logging serial index.
Components / Display
Thermal Receipt
வெப்ப ரசீது
A monospace layout designed to look like a physical thermal paper receipt printed at POS checkouts.
விற்பனைக்குப் பிறகு அச்சிடப்படும் ரசீதை உருவகப்படுத்தும் ஒரு கூறு.
Part of Ration Shop POS Block
This component is featured in the comprehensive Ration Shop Point of Sale block pattern.
Interactive Preview
Component preview
Thermal Receiptவெப்ப ரசீதுAnatomy
Structure
Anatomy
5 parts documented for implementation and review.
1
Receipt Header
ரசீது தலைப்புrequired<div>Department details, cooperative shop title, and unique shop codes.
2
Transaction Info
பரிவர்த்தனை விவரம்required<div>Bill numbers, dates, card numbers, card types, cardholder and operator names.
3
Items Table Grid
பொருட்கள் அட்டவணைrequired<div>Clean monospace grid showing commodity names, quantities, unit rates, and totals.
4
Net Total
நிகரத் தொகைrequired<span>Display of the net total transaction invoice value.
5
Biometric Stamp
ஒப்புதல் முத்திரை<div>Security authentication confirmation display showing 'Aadhaar Verified' status.
API
Props
amountreq- Type
number- Default
- -
- Description
- Calculated invoice sum.
| Prop | Type | Default | Description |
|---|---|---|---|
transactionIdreq | string | - | Receipt logging serial index. |
amountreq | number | - | Calculated invoice sum. |
Best practices
Use dashed rules for separation
பிரிப்பு கோடுகளைப் பயன்படுத்தவும்
Use clear, print-like dashed borders to segment transaction metadata, item lists, and receipt net totals.
விவரங்கள் மற்றும் தொகைகளை எளிதாகப் பிரித்துக் காட்ட அச்சு வடிவிலான பிரிவு கோடுகளைப் பயன்படுத்தவும்.
Don't use variable-width fonts for numbers
எண்களுக்கு மாறுபடும் அகல எழுத்துக்களை தவிர்க்கவும்
Avoid using sans-serif proportional fonts for billing items. Monospace ensures columns align perfectly like real receipt paper.
பரிவர்த்தனை எண்களுக்கு சான்ஸ்-செரிஃப் எழுத்துக்களைப் பயன்படுத்த வேண்டாம். மோனோஸ்பேஸ் எழுத்துக்கள் மட்டுமே அட்டவணை வரிசைகளை சீராகக் காட்டும்.
Accessibility
- Uses a monospace layout with a high-contrast style that makes it easy to read for people with vision impairments.
- Provides structure with explicit itemized rows, ensuring reading order remains logical for screen-readers.
- Features a semantic biometric verified badge highlighting validation status.