F71 — Cards & Panels

HybReport Design Language System — Thành phần thẻ và bảng điều khiển

1. Thẻ Widget (Widget Card)

Mặc định

Đang hoạt động (Active)

Đang tải (Loading)

2. Thẻ Bảng điều khiển (Dashboard Card)

Mặc định

Tổng doanh thu tháng

₫ 1.28 tỷ

▲ 8.2% so với tháng trước

Đang hoạt động (Active)

Số lượng giao dịch

3,847

▲ 15.3% tăng trưởng

Đang tải (Loading)

3. Thẻ Nổi bật (Active Card)

Mặc định

📊

Báo cáo tài chính

Xem tổng quan về tình hình tài chính doanh nghiệp trong quý hiện tại.

Hover (di chuột)

📈

Phân tích xu hướng

Theo dõi biến động thị trường và dự báo xu hướng kinh doanh.

Đang tải (Loading)

⏳

4. Hộp nổi (Popover)

5. Bảng bên (Side Panel)

← Nội dung trang chính phía sau

Bảng bên trượt từ phải sang, chiều rộng 360px, chiều cao toàn màn hình.

Nhấn nút đóng (×) để ẩn bảng.

Mã đơn hàng

#DH-2024-00847

Khách hàng

Công ty TNHH ABC

Tổng giá trị

₫ 15.750.000

Trạng thái

Đã xác nhận

Ghi chú

Giao hàng trước 17:00 ngày 20/05. Liên hệ trước khi giao.

Bảng tham chiếu Token

Thành phần	Border Radius	Shadow	Border
Widget Card	`12px`	`0 4px 6px -1px rgba(0,0,0,0.1)`	`1px solid #f1f5f9`
Dashboard Card	`16px`	`0 8px 22px rgba(15,23,42,0.04)`	`1px solid #e2e8f0`
Active Card	`12px`	`0 14px 30px rgba(37,99,235,0.14)`	`1px solid #93c5fd`
Popover	`8px`	`0 4px 20px rgba(0,0,0,0.15)`	`1px solid #cbd5e1`
Side Panel	`0`	`-8px 0 30px rgba(0,0,0,0.12)`	—

F71 Cards & Panels — HybReport DLS — Tạo bởi OPUS 4.6 — 2026-05-17

F71 — Cards & Panels

1. Thẻ Widget (Widget Card)

Doanh thu hôm nay

Đơn hàng mới

Khách hàng

2. Thẻ Bảng điều khiển (Dashboard Card)

3. Thẻ Nổi bật (Active Card)

4. Hộp nổi (Popover)

5. Bảng bên (Side Panel)

Chi tiết đơn hàng

Bảng tham chiếu Token