import React from 'react'; import { SmileOutlined } from '@ant-design/icons'; import { Button, notification } from 'antd'; const App: React.FC = () => { const [api, contextHolder] = notification.useNotification(); const openNotification = () => { api.open({ message: 'Notification Title', description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.', icon: <SmileOutlined style={{ color: '#108ee9' }} />, }); }; return ( <> {contextHolder} <Button type="primary" onClick={openNotification}> Open the notification box </Button> </> ); }; export default App;