Card
Container for grouping related content and actions.
Khi nào sử dụng
Hiển thị preview
Preview sản phẩm, bài viết hoặc dự án dạng lưới.
Dashboard widget
Chứa metric, biểu đồ hoặc thống kê nhanh.
Card có action
Card với nút thao tác ở footer hoặc dropdown menu.
Hướng dẫn
Do
- Giữ nội dung card ngắn gọn và scan được
- Dùng shadow hoặc border nhất quán trong layout
Don't
- Nhồi quá nhiều thông tin vào một card
- Lồng card trong card
- Dùng card cho một dòng text đơn lẻ
Basic
Card title
Card content goes here. Keep it concise.
Small card
Compact variant for dense layouts.
With Meta
- Edit
- Delete