Modal
Dialog overlay for confirmations, forms, and focused content.
Khi nào sử dụng
Xác nhận hành động
Hỏi xác nhận trước khi xóa, hủy hoặc thay đổi quan trọng.
Form nhanh
Form ngắn (tạo mới, đổi tên) không cần chuyển trang.
Xem chi tiết
Preview nội dung mà không rời trang hiện tại.
Hướng dẫn
Do
- Cho phép đóng bằng ESC và click overlay
- Focus trap bên trong modal cho accessibility
- Giữ nội dung modal ngắn gọn và tập trung
Don't
- Mở modal từ trong modal khác
- Dùng Modal cho nội dung dài cần cuộn nhiều
- Tự động mở modal khi vào trang (trừ onboarding)