const dialogContent: ModalFuncProps = {
title: "Some dialog",
content: "Some text",
onOk() {},
onCancel() {},
};
const openConfirmDialog = () => Modal.confirm(dialogContent);
const openInfoDialog = () => Modal.info(dialogContent);
const openSuccessDialog = () => Modal.success(dialogContent);
const openWarningDialog = () => Modal.warning(dialogContent);
const openErrorDialog = () => Modal.error(dialogContent);
<Button onClick={openConfirmDialog}>Open confirm dialog</Button>
<Button onClick={openInfoDialog}>Open info dialog</Button>
<Button onClick={openSuccessDialog}>Open success dialog</Button>
<Button onClick={openWarningDialog}>Open warning dialog</Button>
<Button onClick={openErrorDialog}>Open error dialog</Button>
<Alert message="Some success alert" type="success" />
<Alert message="Some closable info alert" type="info" closable />
<Alert message="Some warning alert with icon" type="warning" showIcon />
<Alert
message="Some error alert"
type="error"
description="Some description"
/>
const success = () => message.success("Some success message");
const warning = () => message.warning("Some warning message");
const error = () => message.error("Some error message");
<Button onClick={success}>Open success message</Button>
<Button onClick={warning}>Open warning message</Button>
<Button onClick={error}>Open error message</Button>
const notificationContent = {
message: "Some notification",
description: "Some description",
};
const info = () => notification.info(notificationContent);
const success = () => notification.success(notificationContent);
const warning = () => notification.warning(notificationContent);
const error = () => notification.error(notificationContent);
<Button onClick={info}>Open info notification</Button>
<Button onClick={success}>Open success notification</Button>
<Button onClick={warning}>Open warning notification</Button>
<Button onClick={error}>Open error notification</Button>
<Popconfirm title="Some popconfirm">
<Button>Show popover</Button>
</Popconfirm>