mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
882cec62d6
* docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
1.4 KiB
1.4 KiB
| category | type | title | cover |
|---|---|---|---|
| Components | Feedback | Popconfirm | https://gw.alipayobjects.com/zos/alicdn/8ln6VUFkX/Popconfirm.svg |
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.
API
| Param | Description | Type | Default value |
|---|---|---|---|
| cancelText | text of the Cancel button | string | Cancel |
| okText | text of the Confirm button | string | OK |
| okType | Button type of the Confirm button |
string | primary |
| okButtonProps | The ok button props | ButtonProps | - |
| cancelButtonProps | The cancel button props | ButtonProps | - |
| title | title of the confirmation box | string|ReactNode|() => ReactNode | - |
| onCancel | callback of cancel | function(e) | - |
| onConfirm | callback of confirmation | function(e) | - |
| icon | customize icon of confirmation | ReactNode | <ExclamationCircle /> |
| disabled | is show popconfirm when click its childrenNode | boolean | false |
Consult Tooltip's documentation to find more APIs.
Note
Please ensure that the child node of Popconfirm accepts onMouseEnter, onMouseLeave, onFocus, onClick events.