Modal
AI bổ sungKhái niệmFrontend
Nó là gì?
Một cửa sổ con nổi lên trên giao diện chính, yêu cầu người dùng tương tác trước khi quay lại trang.
Dùng để làm gì?
Dùng để hiển thị thông báo quan trọng, form nhập liệu, xác nhận hành động hoặc nội dung tạm thời mà không cần chuyển trang.
Chạy ở đâu?
Browser
Nó thường đi với gì?
React, Vue, Bootstrap, Tailwind CSS, JavaScript
App của mình khi nào cần?
Khi cần thu hút sự chú ý của người dùng vào một tác vụ cụ thể, như đăng nhập, xác nhận xóa, hoặc hiển thị chi tiết sản phẩm.
Khi nào không cần?
Khi nội dung quá dài (nên dùng trang riêng) hoặc cần hiển thị thông tin không khẩn cấp (dùng tooltip hoặc toast).
Từ khóa lỗi thường gặp
modal not showing, backdrop click not working, modal scroll issue, z-index conflict
Một câu để nhớ
Cửa sổ pop-up bắt bạn phải trả lời trước khi làm việc khác.