mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 19:19:26 +08:00
451d2f6ee2
* feat(popconfirm): make title bold and add description prop * feat(popconfirm): make title bold and add description prop(update demos) * feat(popconfirm): make title bold and add description prop(the update of demos translation) * feat(popconfirm): make title bold and add description prop(the update of snapshot) * feat(popconfirm): make title bold and add description prop(the update of popconfirm md) * feat(popconfirm): make title bold and add description prop(the update of popconfirm md)2 * feat(popconfirm): make title bold and add description prop(run all test.ts.snaps and update popconfirm)
2.2 KiB
2.2 KiB
| category | group | title | cover | demo | ||
|---|---|---|---|---|---|---|
| Components | Feedback | Popconfirm | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*sAGpRoBtTXcAAAAAAAAAAAAADrJ8AQ/original |
|
A simple and compact confirmation dialog of an action.
When To Use
A simple and compact dialog used for asking for user confirmation.
The difference with the confirm modal dialog is that it's more lightweight than the static popped full-screen confirm modal.
Examples
Basic
Locale text
Placement
Conditional trigger
Customize icon
Asynchronously close
Asynchronously close on Promise
_InternalPanelDoNotUseOrYouWillBeFired
Wireframe
API
| Param | Description | Type | Default value | Version |
|---|---|---|---|---|
| cancelButtonProps | The cancel button props | ButtonProps | - | |
| cancelText | The text of the Cancel button | string | Cancel |
|
| disabled | Whether show popconfirm when click its childrenNode | boolean | false | |
| icon | Customize icon of confirmation | ReactNode | <ExclamationCircle /> | |
| okButtonProps | The ok button props | ButtonProps | - | |
| okText | The text of the Confirm button | string | OK |
|
| okType | Button type of the Confirm button |
string | primary |
|
| showCancel | Show cancel button | boolean | true | 4.18.0 |
| title | The title of the confirmation box | ReactNode | () => ReactNode | - | |
| description | The description of the confirmation box title | ReactNode | () => ReactNode | - | 5.1.0 |
| onCancel | A callback of cancel | function(e) | - | |
| onConfirm | A callback of confirmation | function(e) | - |
Consult Tooltip's documentation to find more APIs.
Note
Please ensure that the child node of Popconfirm accepts onMouseEnter, onMouseLeave, onFocus, onClick events.