States & Patterns Library
Thư viện trạng thái UI — copy HTML để sử dụng trong các trang prototype
Loading States
Spinner, button loading, full-page loading
Inline Button Loading
Full Page Loading
Đang tải dữ liệu...
Vui lòng đợi trong giây lát
Inline Spinner
Đang kiểm tra kết nối Hilo...
Overlay Loading
Đang phát hành...
Empty States
Empty list, empty filter, empty search, empty notification
Empty List — New Tenant
Chưa có hóa đơn nào
Bắt đầu bằng cách phát hành hóa đơn đầu tiên từ đơn hàng hoặc tạo mới.
Phát hành hóa đơn
Empty Filter Result
Không tìm thấy kết quả
Thử thay đổi bộ lọc hoặc từ khóa tìm kiếm.
Empty Notifications
Bạn đã xử lý hết thông báo
Tuyệt! Không có thông báo mới nào cần chú ý.
Empty T-VAN Connection
Chưa kết nối T-VAN
Kết nối nhà cung cấp T-VAN để bắt đầu phát hành hóa đơn điện tử.
Error States
Inline error, field validation, CQT reject, network error
Inline Error Banner
Lỗi phát hành hóa đơn
Mã lỗi:
TRX-4521 — MST người mua không hợp lệ. Kiểm tra lại MST 10 hoặc 13 chữ số.Field Validation Error
MST phải có 10 hoặc 13 chữ số
Email không hợp lệ
CQT Rejection
CQT từ chối
Mã lỗi:
M042Lý do: MST người mua không tồn tại trong hệ thống CQT
Network Offline
Mất kết nối mạng
Dữ liệu đã lưu cục bộ. Đang tự động kết nối lại...
Success States
Toast, modal, inline confirmation
Toast Success
Modal Success
Inline Confirmation
Đã lưu cấu hình thành công
Thay đổi sẽ có hiệu lực sau 5 phút
Skeleton Loaders
KPI, table row, card, form input skeleton
KPI Card Skeleton
Table Row Skeleton
Text Skeleton
Card Grid Skeleton
Partial Success
Bulk operations with mixed results
Bulk Issue — Partial
Phát hành batch: 28/30 thành công
2 hóa đơn bị lỗi cần xử lý
28 thành công
2 lỗi
Email Delivery — Mixed
Gửi email: 97/100 thành công
3 email bị bounce
Pending & Progress
CQT pending, background job, signing wait
CQT Pending
Đang chờ CQT phản hồi
HD-2026-0185 · Tự động kiểm tra sau 30s
Background Job Progress
Đang phân loại AI...
12/30
Chạy nền — bạn có thể tiếp tục làm việc khác
Signing Wait
Đang chờ ký xác nhận
Đã gửi yêu cầu qua Zalo OA cho khách hàng
02:45:30
Diff Viewer
Before/after comparison for adjustments
So sánh thay đổi — HD-2026-0142
1Tên người mua: Công ty TNHH Vinamilk
2Địa chi: 128 Hai Bà Trưng, Q1, TP.HCM
2Địa chỉ: 128 Hai Bà Trưng, Quận 1, TP. Hồ Chí Minh
3MST: 0301234567
4Tổng tiền: 12.450.000đ
4Tổng tiền: 13.750.000đ