Command Palette

Search for a command to run...

Components / Layout

POS Terminal

விற்பனை முனையம்

A full POS simulation that wraps authorization, cart checkouts, and print transactions in a single compact interface.

பணிகளை எளிதாக்க அங்கீகாரம் முதல் ரசீது வரை அனைத்தையும் ஒருங்கே செய்யும் விற்பனை முனையக் கூறு.

Part of Ration Shop POS Block

This component is featured in the comprehensive Ration Shop Point of Sale block pattern.

View Live Block

Interactive Preview

Component preview
POS Terminalவிற்பனை முனையம்

Anatomy

Structure

Anatomy

4 parts documented for implementation and review.

Component map
1

Step Indicator

படி காட்டிrequired<div>

Visual steps representing Auth, Cart, and Receipt states with completion indicators.

2

Checkout List

சரக்கு பட்டியல்<div>

List of items showing item name, unit pricing, limit rules, and control buttons.

3

Quantity Adjuster

அளவு மாற்றி<button>

Plus/minus controls to modify transaction weights while respecting commodity caps.

4

Total Amount

மொத்த தொகைrequired<span>

Sum calculation of the net total transaction invoice value.

API

Props

1 prop
operatorId
Type
string
Default
-
Description
Registered identifier for authorization sessions.

Best practices

Guide users step-by-step
பயனர்களை படிப்படியாக வழிநடத்துங்கள்

Design clear transitions from user authentication to commodity checkout and finally printing the invoice.

அங்கீகாரம் முதல் ரசீது அச்சிடுதல் வரை உள்ள வழிமுறைகளை பயனர்களுக்குத் தெளிவாகக் காட்டுங்கள்.

Don't allow limits to be exceeded
விநியோக அளவை தாண்ட அனுமதிக்காதீர்கள்

Never let operators check out more than the allocation cap limits, preventing inventory and system synchronization errors.

ஒவ்வொரு கார்டுக்குமான விநியோக வரம்பைத் தாண்டி பொருட்களைக் கூட்டவோ குறைக்கவோ அனுமதிக்கக் கூடாது.

Accessibility

  • Uses native buttons for adjustments with clear text alternative or semantic tags.
  • Renders complete state flows dynamically without page reloads, ensuring state changes are kept screen-reader compatible.
  • Provides thermal receipt layout utilizing print-friendly styles.