mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-25 00:08:27 +08:00
59ad48476b
* chore: add boime lint * fix lint * use files ignore * revert change * ignore clarity.js * fix some errors * fix some errors * fix some errors * fix some errors * add yml file * Update clarity.js Signed-off-by: afc163 <afc163@gmail.com> * add npm run lint:biome * add npm run lint:biome * fix test case * fix ts errors * fix ts errors * fix lint and add .lintstagedrc * shorten prop name * chore: update package.json * update biome.json * chore: remove stylelint * chore: useOptionalChain * fix lint * biome format * prettier all code * prettier all code * fix site test --------- Signed-off-by: afc163 <afc163@gmail.com>
33 lines
835 B
TypeScript
33 lines
835 B
TypeScript
import React from 'react';
|
|
import { Button, notification, Space } from 'antd';
|
|
|
|
const App: React.FC = () => {
|
|
const [api, contextHolder] = notification.useNotification();
|
|
|
|
const openNotification = (pauseOnHover: boolean) => () => {
|
|
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.',
|
|
showProgress: true,
|
|
pauseOnHover,
|
|
});
|
|
};
|
|
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Space>
|
|
<Button type="primary" onClick={openNotification(true)}>
|
|
Pause on hover
|
|
</Button>
|
|
<Button type="primary" onClick={openNotification(false)}>
|
|
Don't pause on hover
|
|
</Button>
|
|
</Space>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default App;
|