Tài liệu
Hướng dẫn phát triển, hướng dẫn sử dụng và bảng kiểm thử tương tác.
1. Bộ chữ — Inter (nội dung) · Plus Jakarta Sans (tiêu đề)
Doanh thu quý 3 tăng 18%H1 · 36px/700
Hợp đồng & nghĩa vụ thanh toánH2 · 24px/700
Cơ hội bán hàng — X-TECHH3 · 18px/600
Khách hàng Riverside vừa ký hợp đồng CT-2026-014.base · 16px/400
sm-plus — ô nhập liệu, nhãn phụ trong bảng.sm-plus (riêng)
xs-plus — chú thích dưới biểu đồ, ngày giờ.xs-plus (riêng)
tiny — mã nội bộ, watermark.tiny (riêng)
2. Bảng màu — token thật (Tailwind utility, không phải mã cứng)
Primary — thương hiệu #1769E0
Xám nền — gray
Nền tối — dark (chế độ tối)
Đang xử lýHoàn thànhSắp đến hạnTrễ hạnGhi chúNháp
3. Component đang dùng
Button (Tailux vendor)
StatCard
Giá trị hợp đồng
4,8 tỷ₫
PASS
92
AiRecap
✦
Tóm tắt (AI, chỉ đọc)
- 3 hợp đồng sắp đến hạn thanh toán trong 7 ngày tới.
- 1 cơ hội đứng yên quá 14 ngày ở giai đoạn Đàm phán.
4. Xác nhận xoá — quyết định đã chốt 05/08/2026
Bấm thử đượcMọi hành động xoá trong XHub đều đi qua ConfirmDialog — không có nơi nào xoá thẳng. Dữ liệu tài chính/nhạy cảm bắt buộc gõ lại đúng mã bản ghi mới xoá được. Bấm 2 nút dưới để thử trực tiếp (không đụng dữ liệu thật):