Component / timeline / NEXOFRAME
ActivityTimeline
Mẫu chuẩnTrục dọc các sự kiện. Mục mới nhất ở trên. ActivityList vẫn là dòng có người phụ trách.
Playground
Khi nào sử dụng
Nên dùng
Lịch sử trên hồ sơ người, tổ chức hoặc giao dịch. Sự kiện mới ở trên.
Tránh dùng
Dòng có avatar và trạng thái người làm thì dùng ActivityList. Bảng thì dùng DataTable.
Anatomy
Danh sách có thứ tự. Mỗi mục là một mốc và một cột chữ. Đường nối chạy tới mục kế. Mốc đầu dùng màu primary.
Design tokens
Design tokens
Không token mới. Viền nối là border-subtle. Thời điểm là caption. Tiêu đề là cỡ ui, weight 400.
API & triển khai
API & triển khai
| Prop | Mặc định | Quy ước |
|---|---|---|
| items | bắt buộc | id, time, title, detail tuỳ chọn |
| aria-label | bắt buộc | Tên của danh sách |