Tooltip
A simple text popup tip.
Khi nào sử dụng
Giải thích icon
Mô tả chức năng của icon button không có label.
Hiện text đầy đủ
Hiển thị nội dung bị cắt ngắn (truncated) khi hover.
Disabled Reason
Explain why an action is currently unavailable.
Hướng dẫn
Do
- Giữ nội dung ngắn — tối đa 1–2 dòng
- Đặt vị trí tooltip tránh bị cắt bởi viewport
Don't
- Đặt nội dung quan trọng chỉ trong tooltip
- Dùng tooltip cho nội dung cần tương tác (link, button)
Basic
Hover me