Badge
Small numerical value or status descriptor for UI elements.
Khi nào sử dụng
Thông báo chưa đọc
Đếm số tin nhắn, notification hoặc task chưa xử lý.
Trạng thái online
Chấm xanh/đỏ hiện trạng thái hoạt động của người dùng.
New Indicator
Highlight newly added features or content.
Hướng dẫn
Do
- Dùng số khi đếm được, chấm khi chỉ cần báo hiệu
- Giới hạn hiển thị (99+) cho số lớn
Don't
- Đặt badge trên phần tử quá nhỏ
- Hiện badge khi giá trị là 0
Basic
5
0
Dot
Status
Success
Error
Default
Processing
Warning
Colors
blue
cyan
green
magenta
pink
red
orange
yellow
volcano
purple
Overflow
99
99+
999+