## Popconfirm
A lightweight inline confirmation popover anchored to the trigger — confirm/cancel a low-risk action.
Tier: composite-antd. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — a CDN-React runnable page (React + antd loaded from a CDN, no build step) — React/Vue use the same shared-themed DataTable via your bundler.
Surfaces: editor, dashboard, settings.
Props:
- title: string, default —. The confirmation question
- description: string, default —. Optional supporting line
- okText: string, default OK. Confirm button label
- cancelText: string, default Cancel. Cancel button label
- onConfirm: () => void, default —. Fires when the confirm button is clicked
- placement: 'top' | 'bottom' | 'left' | 'right' | …, default top. Where the popover opens relative to the trigger
- okType: 'primary' | 'danger', default primary. danger styles the confirm as a red destructive button
- icon: ReactNode, default warning. Leading warning glyph in the popover header
Tokens: colorPrimary, borderRadius, controlHeight, colorBorder, Popover.borderRadiusLG, Button.borderRadius.
Use when: Popconfirm (a low-risk, reversible action needs a quick inline check (delete a row, discard a draft)); Modal (a destructive or irreversible action needs a deliberate, focused confirmation); no confirm (the action is trivial and easily undone — prefer an undo toast).