Header Color

Shortcut Panel Color

<AppShell headerColor="dark" shortcutPanelColor="primary-light" ...>

No invoices

Adjust filters or create a new invoice.

Loading GRN

Fetching receipt lines.

Sync failed

Retry when the network is stable.

Approval locked

Only managers can approve this document.

<Modal open={open} onClose={close}>...</Modal>
<Drawer open={open} onClose={close}>...</Drawer>
<ConfirmDialog open={open} onConfirm={runAction} />
const { addToast } = useToast();

24

↑+12%

8

Review

₹2.4L

↑+8%

1,247

Items

<KPIStrip items={[
  { label: "Today's Orders", value: '24', change: '+12%', trend: 'up', color: 'primary' },
  { label: 'Pending', value: '8', change: 'Review', trend: 'neutral', color: 'warning' },
]} />

₹45,280

↑+12%

156

↑+8%

8

Review

3

↓-5%

24

Orders

₹12.5L

↑+15%

<KPICard label="Revenue" value="₹45,280" change="+12%" trend="up" color="primary" />

Variants

Sizes

States

<ActionTile title="New Item" icon={faPlus} shortcut="Alt+N" color="emerald" href="/items/new" />

<ReportCard title="Sales Summary" icon="ChartLine" shortcut="Alt+J" color="blue" onClick={generateReport} />

Search

Invoice

PDF

Print

Reports

BOM

GRN

Inventory

import { Icon } from '@/components';
<Icon.Invoice size={18} />

Code	Item	Category	Stock	Status
ITM-001	Paneer	Dairy	8 kg	Blocked
ITM-002	Tomato Puree	Grocery	15 kg	Review
ITM-003	Basmati Rice	Staple	22 kg	Review
ITM-004	Saffron	Spice	29 kg	Active
ITM-005	Cream	Dairy	36 kg	Active
ITM-006	Butter	Grocery	43 kg	Active
ITM-007	Refined Oil	Staple	50 kg	Active
ITM-008	Curd	Spice	57 kg	Active

Rows

Page 1 / 5

Selected row: Paneer. Use arrow keys inside the grid, then press Enter to run the row action.

<DataGrid data={rows} columns={columns} rowKey="id" pagination={{ defaultPageSize: 25 }} />

#	Ingredient	Qty	Unit	Cost
1				Rs. 775
2				Rs. 180

<EditableGrid data={rows} columns={columns} onChange={setRows} addLabel="Add Ingredient" />

Press Alt+Shift+I to open the first lookup level.Current source: Paneer

<MultiLevelGridView levels={levels} rootContext={activeIngredient} openShortcut="Alt+I" />

ModuleGrid

ActivityFeed

PO CreatedPO/2026/018 - Fresh Farms

10:24

Low Stock AlertTomato Puree below reorder level

09:00

Invoice ExportedINV/2026/044 saved as PDF

08:42

<ModuleGrid modules={modules} columns={4} />
<ActivityFeed activities={activities} maxItems={5} />

AOS

AtithiOS Demo Foods

Mumbai, Maharashtra

GSTIN: 27AOSDEMO1234Z1 | PAN: AOSDE1234Z

accounts@atithios.local

Tax InvoiceOriginal

Invoice No.INV/2026/044

Date12 May 2026

Place of SupplyMaharashtra

Reverse ChargeNo

Bill To

Atithi Restaurant Pvt. Ltd.Bandra West, MumbaiMaharashtra - 400050GSTIN: 27AABCA1234A1Z5State: 27 - Maharashtra

Ship To

Central KitchenAndheri East, MumbaiContact: +91 98765 43210Place: Mumbai

Line Items

#	Item	HSN	Qty	Rate	Total
1	Paneer 1kg	0406	25 kg	Rs. 310	Rs. 7,750
2	Basmati Rice	1006	50 kg	Rs. 120	Rs. 6,000

Status

DoneGST Check

PendingApproval

Toolbar actions, print, and PDF export are available when toolbar is configured.

<ERPDocument company={company} meta={meta} parties={parties} sections={sections} />

Text Input *

With ErrorThis field is required

With HintThis is helpful information

Select *

Textarea

DefaultPrimarySuccessWarningDangerInfo

Primary

Success

Warning

Danger

Info

Purple

<Card variant="primary">...<Card variant="success">...<Card variant="warning">...

This is a card body with some content. Cards are used to group related information and actions.

UI Components