VNR Design System

Popconfirm

A simple and compact confirmation dialog of an action.

Khi nào sử dụng

Xác nhận xóa nhẹ

Xác nhận xóa item đơn lẻ mà không cần Modal nặng.

Xác nhận thay đổi

Hỏi trước khi thay đổi trạng thái hoặc quyền.

Leave Warning

Confirm navigation away with unsaved changes.

Hướng dẫn

Do
  • Đặt câu hỏi rõ ràng và ngắn gọn
  • Phân biệt nút xác nhận và hủy bằng màu
Don't
  • Dùng cho hành động phức tạp cần giải thích dài
  • Đặt Popconfirm trên element bị ẩn khi scroll

Basic

Placement

Async