Popover
The floating card popped by clicking or hovering.
Khi nào sử dụng
Thông tin chi tiết
Hiện preview, mini card hoặc details khi hover.
Công cụ nhanh
Color picker, emoji selector hoặc quick actions.
Help Context
Provide field-level help with rich formatted content.
Hướng dẫn
Do
- Đặt vị trí tránh bị che bởi viewport edge
- Cho phép tương tác với nội dung trong popover
Don't
- Đặt form phức tạp trong Popover — hãy dùng Modal/Drawer
- Dùng Popover cho text thuần — hãy dùng Tooltip