Popover là gì?
Còn gọi: khung nổi theo ngữ cảnh, popover ui, khung nổi, popup nhỏ
Popover là khung nội dung nhỏ hiện lên cạnh phần tử người dùng vừa bấm, thường có mũi nhọn chỉ về phần tử đó, chứa thông tin bổ sung hoặc vài thao tác nhanh, và đóng khi bấm ra ngoài.
Hiểu kỹ hơn
Popover khác tooltip ở chỗ: tooltip hiện khi rê chuột hoặc nhấn giữ, chỉ chứa chữ ngắn và không bấm vào được; popover mở bằng cú bấm và có thể chứa nút, link, form nhỏ. Popover khác modal ở chỗ không che toàn màn hình và không chặn phần còn lại của trang. Ví dụ: bấm vào tên một người để xem thẻ hồ sơ nhanh, bấm icon thông tin cạnh một chỉ số để xem giải thích, bấm nút chia sẻ để chọn kênh. Lưu ý trên mobile, popover lớn thường nên đổi thành bottom sheet. Cần cho phép đóng bằng phím Esc và trả focus về nút đã mở popover để người dùng bàn phím không bị lạc.
