List
Simple list component for displaying rows of data.
Khi nào sử dụng
Danh sách đơn giản
Liệt kê item với tiêu đề, mô tả và avatar.
Feed hoạt động
Hiện dòng sự kiện, lịch sử hoặc changelog.
Danh sách có action
Mỗi item có nút thao tác như edit, delete, view.
Hướng dẫn
Do
- Dùng pagination hoặc infinite scroll cho danh sách dài
- Giữ cấu trúc mỗi item nhất quán
Don't
- Dùng List cho dữ liệu cần so sánh cột — hãy dùng Table
- Hiện quá nhiều thông tin trên mỗi item
Basic
- Item 1
- Item 2
- Item 3
- Item 4
With Meta
Sizes
Small Size
- Item 1
- Item 2
- Item 3
- Item 4