Bỏ qua tới nội dung
Component / timeline / NEXOFRAME

ActivityTimeline

Mẫu chuẩn

Trụ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.

Mốc và đường nốiCaption cho thời điểmKhông token mới

Playground

  1. Hôm qua, 16:54

    Ghi chú: hello
  2. Hôm qua, 16:50

    Trạng thái: Đã thắng → Mở
  3. Hôm qua, 16:49

    Đã tạo giao dịch

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

PropMặc địnhQuy ước
itemsbắt buộcid, time, title, detail tuỳ chọn
aria-labelbắt buộcTên của danh sách