Skip to content

Popconfirm 气泡确认

点击元素弹出确认气泡,对齐 Ant Design Popconfirm。

示例

可访问性

  • 触发元素会暴露 aria-haspopup="dialog"aria-expanded,用于表达确认气泡的展开状态。
  • 气泡打开时,触发元素会通过 aria-controls 关联当前确认弹层。
  • 弹层使用 role="dialog",并通过标题和描述提供可访问名称与描述。
  • 弹层打开后可通过 Escape、点击外部、确认按钮或取消按钮关闭。
  • 通过 Escape、确认按钮或取消按钮关闭后,焦点会回到触发元素,避免键盘用户丢失当前位置。

API

属性说明类型默认值
title确认标题ReactNode-
description描述ReactNode-
onConfirm确认回调() => void-
onCancel取消回调() => void-
okText确认文本string'确定'
cancelText取消文本string'取消'
open是否显示boolean-
defaultOpen默认显示booleanfalse