Command Palette

Search for a command to run...

Components / Display

Stock Ledger

சரக்கு இருப்பு பதிவேடு

Displays current inventory loads, capacity progress indicators, and recent transit shipments.

கையிருப்பு பொருட்கள், அளவு மற்றும் லாரிகள் மூலமாக வந்திறங்கிய சரக்கு வரவுப் பதிவுகளைக் காட்டும் அகம்.

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
Stock Ledgerசரக்கு இருப்பு பதிவேடு

Anatomy

Structure

Anatomy

3 parts documented for implementation and review.

Component map
1

Capacity Progress Bar

கொள்ளளவு பட்டைrequired<div>

A progressive indicator charting the physical stock relative to the total warehouse allocation.

2

Status Badge

நிலை முத்திரைrequired<span>

Bilingual badge displaying stock health categorizations ('Normal', 'Low Stock', 'Critical').

3

Recent Shipments Received

சரக்கு வரவுப் பதிவுகள்required<div>

Historical list logging transit details, invoice numbers, quantity loads, and times.

API

Props

1 prop
itemsreq
Type
StockItem[]
Default
-
Description
Database catalog records showing current balance.

Best practices

Use semantic colors for capacity health
பொருத்தமான வண்ணங்களைப் பயன்படுத்துங்கள்

Render progress bar indicator colors dynamically (green, amber, red) based on stock depletion risk metrics.

கையிருப்பு அளவை உணர்த்தும் வண்ணங்களை அபாய நிலைக்கு ஏற்ப (பச்சை, மஞ்சள், சிவப்பு) தானியங்கியாக மாற்றிக் காட்டுங்கள்.

Don't hide absolute metric capacities
கையிருப்பு எண்களை மறைக்க வேண்டாம்

Avoid showing only percentages or bar lines. Always supply the exact physical unit metrics (e.g. kg/litres) alongside.

சதவீதங்களை மட்டும் காட்டாமல், தற்போதைய துல்லியமான இருப்பு எண்களையும் (அலகுடன்) தெளிவாகக் காட்டுங்கள்.

Accessibility

  • Uses progress indicators mapped to assistive tech via text summaries.
  • Bilingual tags ensure clear instructions for both Tamil and English users.
  • Colors map seamlessly to dark and light modes, complying with contrast ratios.