History
HistoryItem × 3 variants × 8 colors × 4 structure cols × 6 content rows · HistoryGrouped
1. Regular
variant=regular · 圆点 indicator
Indicator · 8 colors (single row example)
Full matrix · 4 structure cols × 6 content rows (purple)
inline + connector
bottom + connector
inline · no connector
bottom · no connector
Title
DD/MM/YY, 00:00
Title
DD/MM/YY, 00:00
Title
DD/MM/YY, 00:00
Product Title3 Variant
Title
DD/MM/YY, 00:00
Product Title3 Variant
Title
DD/MM/YY, 00:00
File Name.doc
300 KB
Title
DD/MM/YY, 00:00
File Name.doc
300 KB
Title
DD/MM/YY, 00:00
4.0/5
Title
DD/MM/YY, 00:00
4.0/5
Title
DD/MM/YY, 00:00
Label
Title Here
Progress0%
+1
21 Oct 2022
Title
DD/MM/YY, 00:00
Label
Title Here
Progress0%
+1
21 Oct 2022
2. Badge
variant=badge · icon 徽章 indicator
Indicator · 8 colors (single row example)
Full matrix · 4 structure cols × 6 content rows (purple)
inline + connector
bottom + connector
inline · no connector
bottom · no connector
Title
DD/MM/YY, 00:00
Title
DD/MM/YY, 00:00
Title
DD/MM/YY, 00:00
Product Title3 Variant
Title
DD/MM/YY, 00:00
Product Title3 Variant
Title
DD/MM/YY, 00:00
File Name.doc
300 KB
Title
DD/MM/YY, 00:00
File Name.doc
300 KB
Title
DD/MM/YY, 00:00
4.0/5
Title
DD/MM/YY, 00:00
4.0/5
Title
DD/MM/YY, 00:00
Label
Title Here
Progress0%
+1
21 Oct 2022
Title
DD/MM/YY, 00:00
Label
Title Here
Progress0%
+1
21 Oct 2022
3. Profile
variant=profile · 头像 indicator
Full matrix · 4 structure cols × 6 content rows (purple)
inline + connector
bottom + connector
inline · no connector
bottom · no connector
Title
DD/MM/YY, 00:00
Title
DD/MM/YY, 00:00
Title
DD/MM/YY, 00:00
Product Title3 Variant
Title
DD/MM/YY, 00:00
Product Title3 Variant
Title
DD/MM/YY, 00:00
File Name.doc
300 KB
Title
DD/MM/YY, 00:00
File Name.doc
300 KB
Title
DD/MM/YY, 00:00
4.0/5
Title
DD/MM/YY, 00:00
4.0/5
Title
DD/MM/YY, 00:00
Label
Title Here
Progress0%
+1
21 Oct 2022
Title
DD/MM/YY, 00:00
Label
Title Here
Progress0%
+1
21 Oct 2022
4. HistoryGrouped
Card 容器 + 右侧 progress bar · color 强制透给内部 items
3 colors × 3 items composition
TitlePurple
Text Here
TitleBlue
Text Here
TitleBlack
Text Here
Items composition variants (purple)
Short list3
3 items · 20% progress
Mixed variants6
6 items · 50% progress
With action5
5 items · 80% · header action