Popconfirm

Pop up a bubble confirmation box for 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.

The basic example supports the title and description props of confirmation. > description is supported in version 5.1.0.

There are 12 placement options available. Use arrow: { pointAtCenter: true } if you want the arrow to point at the center of target.

Make it pop up under some conditions.

Asynchronously close a popconfirm when a the OK button is pressed. For example, you can use this pattern when you submit a form.

You can customize the semantic dom style of Popconfirm by passing objects/functions through classNames and styles.

Set okText and cancelText props to customize the button's labels.

Auto adjust Popup and arrow position when Popconfirm is close to the edge of the screen. Will be out of screen when exceed limitation.

Set icon props to customize the icon.

Asynchronously close a popconfirm when the OK button is pressed. For example, you can use this pattern when you submit a form.

Popconfirm are exported from @ceebee/ui/client.

Property	Description	Type	Default	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`	`<ExclamationCircleFilled />`	—
`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)`	`-`	—
`onPopupClick`	A callback of popup click	`function(e)`	`-`	5.5.0