You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
344 lines
36 KiB
344 lines
36 KiB
"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[8466],{942181:function(m,i,e){e.r(i);var _=e(502143),v=e(968521),Z=e(720719),f=e(28840),c=e(759907),l=e(828089),h=e(825673),g=e(902068),b=e(574399),x=e(863942),y=e(316073),k=e(24628),B=e(719260),D=e(956140),a=e(127179),u=e(905388),E=e(40428),P=e(606965),O=e(268696),T=e(587302),o=e(424128),w=e(249706),C=e(795127),N=e(116846),R=e(212039),M=e(73024),I=e(553913),r=e(606641),s=e(667294),t=e(370917);function d(){var p=(0,r.eL)(),n=p.texts;return(0,t.tZ)(r.dY,null,(0,t.tZ)(s.Fragment,null,(0,t.tZ)("div",{className:"markdown"},(0,t.tZ)("p",null,n[0].value),(0,t.tZ)("h2",{id:"when-to-use"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#when-to-use",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"When To Use"),(0,t.tZ)("p",null,n[1].value),(0,t.tZ)("ul",null,(0,t.tZ)("li",null,n[2].value),(0,t.tZ)("li",null,n[3].value),(0,t.tZ)("li",null,n[4].value)),(0,t.tZ)("h2",{id:"examples"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#examples",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"Examples")),(0,t.tZ)(u.Z,{items:[{demo:{id:"components-notification-demo-hooks"},previewerProps:{title:"Hooks usage (recommended)",filename:"components/notification/demo/hooks.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import {
|
|
RadiusBottomleftOutlined,
|
|
RadiusBottomrightOutlined,
|
|
RadiusUpleftOutlined,
|
|
RadiusUprightOutlined,
|
|
} from '@ant-design/icons';
|
|
import { Button, Divider, Space, notification } from 'antd';
|
|
import React, { useMemo } from 'react';
|
|
const Context = React.createContext({
|
|
name: 'Default',
|
|
});
|
|
const App = () => {
|
|
const [api, contextHolder] = notification.useNotification();
|
|
const openNotification = (placement) => {
|
|
api.info({
|
|
message: \`Notification \${placement}\`,
|
|
description: <Context.Consumer>{({ name }) => \`Hello, \${name}!\`}</Context.Consumer>,
|
|
placement,
|
|
});
|
|
};
|
|
const contextValue = useMemo(
|
|
() => ({
|
|
name: 'Ant Design',
|
|
}),
|
|
[],
|
|
);
|
|
return (
|
|
<Context.Provider value={contextValue}>
|
|
{contextHolder}
|
|
<Space>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('topLeft')}
|
|
icon={<RadiusUpleftOutlined />}
|
|
>
|
|
topLeft
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('topRight')}
|
|
icon={<RadiusUprightOutlined />}
|
|
>
|
|
topRight
|
|
</Button>
|
|
</Space>
|
|
<Divider />
|
|
<Space>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('bottomLeft')}
|
|
icon={<RadiusBottomleftOutlined />}
|
|
>
|
|
bottomLeft
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('bottomRight')}
|
|
icon={<RadiusBottomrightOutlined />}
|
|
>
|
|
bottomRight
|
|
</Button>
|
|
</Space>
|
|
</Context.Provider>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>Use <code>notification.useNotification</code> to get <code>contextHolder</code> with context accessible issue. Please note that, we recommend to use top level registration instead of <code>notification</code> static method, because static method cannot consume context, and ConfigProvider data will not work.</p>"}},{demo:{id:"components-notification-demo-duration"},previewerProps:{title:"Duration after which the notification box is closed",filename:"components/notification/demo/duration.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Button, notification } from 'antd';
|
|
const App = () => {
|
|
const [api, contextHolder] = notification.useNotification();
|
|
const openNotification = () => {
|
|
api.open({
|
|
message: 'Notification Title',
|
|
description:
|
|
'I will never close automatically. This is a purposely very very long description that has many many characters and words.',
|
|
duration: 0,
|
|
});
|
|
};
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Button type="primary" onClick={openNotification}>
|
|
Open the notification box
|
|
</Button>
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p><code>Duration</code> can be used to specify how long the notification stays open. After the duration time elapses, the notification closes automatically. If not specified, default value is 4.5 seconds. If you set the value to 0, the notification box will never close automatically.</p>"}},{demo:{id:"components-notification-demo-with-icon"},previewerProps:{title:"Notification with icon",filename:"components/notification/demo/with-icon.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Button, notification, Space } from 'antd';
|
|
const App = () => {
|
|
const [api, contextHolder] = notification.useNotification();
|
|
const openNotificationWithIcon = (type) => {
|
|
api[type]({
|
|
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.',
|
|
});
|
|
};
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Space>
|
|
<Button onClick={() => openNotificationWithIcon('success')}>Success</Button>
|
|
<Button onClick={() => openNotificationWithIcon('info')}>Info</Button>
|
|
<Button onClick={() => openNotificationWithIcon('warning')}>Warning</Button>
|
|
<Button onClick={() => openNotificationWithIcon('error')}>Error</Button>
|
|
</Space>
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>A notification box with a icon at the left side.</p>"}},{demo:{id:"components-notification-demo-with-btn"},previewerProps:{title:"Custom close button",filename:"components/notification/demo/with-btn.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Button, notification, Space } from 'antd';
|
|
const close = () => {
|
|
console.log(
|
|
'Notification was closed. Either the close button was clicked or duration time elapsed.',
|
|
);
|
|
};
|
|
const App = () => {
|
|
const [api, contextHolder] = notification.useNotification();
|
|
const openNotification = () => {
|
|
const key = \`open\${Date.now()}\`;
|
|
const btn = (
|
|
<Space>
|
|
<Button type="link" size="small" onClick={() => api.destroy()}>
|
|
Destroy All
|
|
</Button>
|
|
<Button type="primary" size="small" onClick={() => api.destroy(key)}>
|
|
Confirm
|
|
</Button>
|
|
</Space>
|
|
);
|
|
api.open({
|
|
message: 'Notification Title',
|
|
description:
|
|
'A function will be be called after the notification is closed (automatically after the "duration" time of manually).',
|
|
btn,
|
|
key,
|
|
onClose: close,
|
|
});
|
|
};
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Button type="primary" onClick={openNotification}>
|
|
Open the notification box
|
|
</Button>
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>To customize the style or font of the close button.</p>"}},{demo:{id:"components-notification-demo-custom-icon"},previewerProps:{title:"Customized Icon",filename:"components/notification/demo/custom-icon.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { SmileOutlined } from '@ant-design/icons';
|
|
import { Button, notification } from 'antd';
|
|
const App = () => {
|
|
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;
|
|
`,description:"<p>The icon can be customized to any react node.</p>"}},{demo:{id:"components-notification-demo-placement"},previewerProps:{title:"Placement",filename:"components/notification/demo/placement.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import {
|
|
BorderBottomOutlined,
|
|
BorderTopOutlined,
|
|
RadiusBottomleftOutlined,
|
|
RadiusBottomrightOutlined,
|
|
RadiusUpleftOutlined,
|
|
RadiusUprightOutlined,
|
|
} from '@ant-design/icons';
|
|
import { Button, Divider, notification, Space } from 'antd';
|
|
const App = () => {
|
|
const [api, contextHolder] = notification.useNotification();
|
|
const openNotification = (placement) => {
|
|
api.info({
|
|
message: \`Notification \${placement}\`,
|
|
description:
|
|
'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
|
|
placement,
|
|
});
|
|
};
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Space>
|
|
<Button type="primary" onClick={() => openNotification('top')} icon={<BorderTopOutlined />}>
|
|
top
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('bottom')}
|
|
icon={<BorderBottomOutlined />}
|
|
>
|
|
bottom
|
|
</Button>
|
|
</Space>
|
|
<Divider />
|
|
<Space>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('topLeft')}
|
|
icon={<RadiusUpleftOutlined />}
|
|
>
|
|
topLeft
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('topRight')}
|
|
icon={<RadiusUprightOutlined />}
|
|
>
|
|
topRight
|
|
</Button>
|
|
</Space>
|
|
<Divider />
|
|
<Space>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('bottomLeft')}
|
|
icon={<RadiusBottomleftOutlined />}
|
|
>
|
|
bottomLeft
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => openNotification('bottomRight')}
|
|
icon={<RadiusBottomrightOutlined />}
|
|
>
|
|
bottomRight
|
|
</Button>
|
|
</Space>
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>A notification box can appear from the <code>topRight</code>, <code>bottomRight</code>, <code>bottomLeft</code> or <code>topLeft</code> of the viewport via <code>placement</code>.</p>"}},{demo:{id:"components-notification-demo-custom-style"},previewerProps:{title:"Customized style",filename:"components/notification/demo/custom-style.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Button, notification } from 'antd';
|
|
const App = () => {
|
|
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.',
|
|
className: 'custom-class',
|
|
style: {
|
|
width: 600,
|
|
},
|
|
});
|
|
};
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Button type="primary" onClick={openNotification}>
|
|
Open the notification box
|
|
</Button>
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>The style and className are available to customize Notification.</p>"}},{demo:{id:"components-notification-demo-update"},previewerProps:{title:"Update Message Content",filename:"components/notification/demo/update.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Button, notification } from 'antd';
|
|
const key = 'updatable';
|
|
const App = () => {
|
|
const [api, contextHolder] = notification.useNotification();
|
|
const openNotification = () => {
|
|
api.open({
|
|
key,
|
|
message: 'Notification Title',
|
|
description: 'description.',
|
|
});
|
|
setTimeout(() => {
|
|
api.open({
|
|
key,
|
|
message: 'New Title',
|
|
description: 'New description.',
|
|
});
|
|
}, 1000);
|
|
};
|
|
return (
|
|
<>
|
|
{contextHolder}
|
|
<Button type="primary" onClick={openNotification}>
|
|
Open the notification box
|
|
</Button>
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>Update content with unique key.</p>"}},{demo:{id:"components-notification-demo-basic"},previewerProps:{title:"Static Method (deprecated)",filename:"components/notification/demo/basic.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Button, notification } from 'antd';
|
|
const openNotification = () => {
|
|
notification.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.',
|
|
onClick: () => {
|
|
console.log('Notification Clicked!');
|
|
},
|
|
});
|
|
};
|
|
const App = () => (
|
|
<Button type="primary" onClick={openNotification}>
|
|
Open the notification box
|
|
</Button>
|
|
);
|
|
export default App;
|
|
`,description:"<p>Static methods cannot consume Context. Please use hooks first.</p>"}},{demo:{id:"components-notification-demo-render-panel"},previewerProps:{debug:!0,title:"_InternalPanelDoNotUseOrYouWillBeFired",filename:"components/notification/demo/render-panel.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Button, notification } from 'antd';
|
|
|
|
/** Test usage. Do not use in your production. */
|
|
const { _InternalPanelDoNotUseOrYouWillBeFired: InternalPanel } = notification;
|
|
export default () => (
|
|
<InternalPanel
|
|
message="Hello World!"
|
|
description="Hello World?"
|
|
type="success"
|
|
btn={
|
|
<Button type="primary" size="small">
|
|
My Button
|
|
</Button>
|
|
}
|
|
/>
|
|
);
|
|
`,description:"<p>Debug usage. Do not use in your production.</p>"}}]}),(0,t.tZ)("div",{className:"markdown"},(0,t.tZ)("h2",{id:"api"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"API"),(0,t.tZ)("ul",null,(0,t.tZ)("li",null,(0,t.tZ)("code",null,n[5].value)),(0,t.tZ)("li",null,(0,t.tZ)("code",null,n[6].value)),(0,t.tZ)("li",null,(0,t.tZ)("code",null,n[7].value)),(0,t.tZ)("li",null,(0,t.tZ)("code",null,n[8].value)),(0,t.tZ)("li",null,(0,t.tZ)("code",null,n[9].value)),(0,t.tZ)("li",null,(0,t.tZ)("code",null,n[10].value))),(0,t.tZ)("p",null,n[11].value),(0,t.tZ)(l.Z,{className:"component-api-table"},(0,t.tZ)("thead",null,(0,t.tZ)("tr",null,(0,t.tZ)("th",null,n[12].value),(0,t.tZ)("th",null,n[13].value),(0,t.tZ)("th",null,n[14].value),(0,t.tZ)("th",null,n[15].value),(0,t.tZ)("th",null,n[16].value))),(0,t.tZ)("tbody",null,(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[17].value),(0,t.tZ)("td",null,n[18].value),(0,t.tZ)("td",null,n[19].value),(0,t.tZ)("td",null,n[20].value),(0,t.tZ)("td",null,n[21].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[22].value),(0,t.tZ)("td",null,n[23].value),(0,t.tZ)("td",null,n[24].value),(0,t.tZ)("td",null,n[25].value),(0,t.tZ)("td",null,n[26].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[27].value),(0,t.tZ)("td",null,n[28].value),(0,t.tZ)("td",null,n[29].value),(0,t.tZ)("td",null,n[30].value),(0,t.tZ)("td",null,n[31].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[32].value),(0,t.tZ)("td",null,n[33].value),(0,t.tZ)("td",null,n[34].value),(0,t.tZ)("td",null,n[35].value),(0,t.tZ)("td",null,n[36].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[37].value),(0,t.tZ)("td",null,n[38].value),(0,t.tZ)("td",null,n[39].value),(0,t.tZ)("td",null,n[40].value),(0,t.tZ)("td",null,n[41].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[42].value),(0,t.tZ)("td",null,n[43].value),(0,t.tZ)("td",null,n[44].value),(0,t.tZ)("td",null,n[45].value),(0,t.tZ)("td",null,n[46].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[47].value),(0,t.tZ)("td",null,n[48].value),(0,t.tZ)("td",null,n[49].value),(0,t.tZ)("td",null,n[50].value),(0,t.tZ)("td",null,n[51].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[52].value),(0,t.tZ)("td",null,n[53].value),(0,t.tZ)("td",null,n[54].value),(0,t.tZ)("td",null,n[55].value),(0,t.tZ)("td",null,n[56].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[57].value),(0,t.tZ)("td",null,n[58].value,(0,t.tZ)("code",null,n[59].value),n[60].value,(0,t.tZ)("code",null,n[61].value),n[62].value,(0,t.tZ)("code",null,n[63].value),n[64].value,(0,t.tZ)("code",null,n[65].value)),(0,t.tZ)("td",null,n[66].value),(0,t.tZ)("td",null,(0,t.tZ)("code",null,n[67].value)),(0,t.tZ)("td",null,n[68].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[69].value),(0,t.tZ)("td",null,n[70].value),(0,t.tZ)("td",null,(0,t.tZ)(o.Z,{href:"https://github.com/DefinitelyTyped/DefinitelyTyped/blob/e434515761b36830c3e58a970abf5186f005adac/types/react/index.d.ts#L794",sourceType:"a"},n[71].value)),(0,t.tZ)("td",null,n[72].value),(0,t.tZ)("td",null,n[73].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[74].value),(0,t.tZ)("td",null,n[75].value,(0,t.tZ)("code",null,n[76].value),n[77].value),(0,t.tZ)("td",null,(0,t.tZ)("code",null,n[78].value)),(0,t.tZ)("td",null,(0,t.tZ)("code",null,n[79].value)),(0,t.tZ)("td",null,n[80].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[81].value),(0,t.tZ)("td",null,n[82].value),(0,t.tZ)("td",null,n[83].value),(0,t.tZ)("td",null,n[84].value),(0,t.tZ)("td",null,n[85].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[86].value),(0,t.tZ)("td",null,n[87].value),(0,t.tZ)("td",null,n[88].value),(0,t.tZ)("td",null,n[89].value),(0,t.tZ)("td",null,n[90].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[91].value),(0,t.tZ)("td",null,n[92].value,(0,t.tZ)("code",null,n[93].value),n[94].value,(0,t.tZ)("code",null,n[95].value),n[96].value,(0,t.tZ)("code",null,n[97].value),n[98].value,(0,t.tZ)("code",null,n[99].value),n[100].value,(0,t.tZ)("code",null,n[101].value),n[102].value,(0,t.tZ)("code",null,n[103].value),n[104].value,(0,t.tZ)(o.Z,{href:"https://github.com/microsoft/TypeScript/issues/28960",sourceType:"a"},n[105].value),n[106].value),(0,t.tZ)("td",null,n[107].value),(0,t.tZ)("td",null,n[108].value),(0,t.tZ)("td",null,n[109].value)))),(0,t.tZ)("ul",null,(0,t.tZ)("li",null,(0,t.tZ)("code",null,n[110].value))),(0,t.tZ)("p",null,n[111].value),(0,t.tZ)(l.Z,{className:"component-api-table"},(0,t.tZ)("thead",null,(0,t.tZ)("tr",null,(0,t.tZ)("th",null,n[112].value),(0,t.tZ)("th",null,n[113].value),(0,t.tZ)("th",null,n[114].value),(0,t.tZ)("th",null,n[115].value),(0,t.tZ)("th",null,n[116].value))),(0,t.tZ)("tbody",null,(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[117].value),(0,t.tZ)("td",null,n[118].value,(0,t.tZ)("code",null,n[119].value),n[120].value,(0,t.tZ)("code",null,n[121].value),n[122].value,(0,t.tZ)("code",null,n[123].value),n[124].value),(0,t.tZ)("td",null,n[125].value),(0,t.tZ)("td",null,n[126].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[127].value),(0,t.tZ)("td",null,n[128].value),(0,t.tZ)("td",null,n[129].value),(0,t.tZ)("td",null,n[130].value),(0,t.tZ)("td",null,n[131].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[132].value),(0,t.tZ)("td",null,n[133].value),(0,t.tZ)("td",null,n[134].value),(0,t.tZ)("td",null,n[135].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[136].value),(0,t.tZ)("td",null,n[137].value,(0,t.tZ)("code",null,n[138].value),n[139].value,(0,t.tZ)("code",null,n[140].value),n[141].value,(0,t.tZ)("code",null,n[142].value),n[143].value,(0,t.tZ)("code",null,n[144].value)),(0,t.tZ)("td",null,n[145].value),(0,t.tZ)("td",null,(0,t.tZ)("code",null,n[146].value)),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[147].value),(0,t.tZ)("td",null,n[148].value),(0,t.tZ)("td",null,n[149].value),(0,t.tZ)("td",null,n[150].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[151].value),(0,t.tZ)("td",null,n[152].value,(0,t.tZ)("code",null,n[153].value),n[154].value,(0,t.tZ)("code",null,n[155].value),n[156].value,(0,t.tZ)("code",null,n[157].value),n[158].value),(0,t.tZ)("td",null,n[159].value),(0,t.tZ)("td",null,n[160].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[161].value),(0,t.tZ)("td",null,n[162].value),(0,t.tZ)("td",null,n[163].value),(0,t.tZ)("td",null,n[164].value),(0,t.tZ)("td",null,n[165].value)))),(0,t.tZ)("p",null,(0,t.tZ)("code",null,n[166].value),n[167].value,(0,t.tZ)("code",null,n[168].value),n[169].value),(0,t.tZ)("h3",{id:"global-configuration"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#global-configuration",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"Global configuration"),(0,t.tZ)("p",null,(0,t.tZ)("code",null,n[170].value)),(0,t.tZ)("blockquote",null,(0,t.tZ)("p",null,n[171].value,(0,t.tZ)("code",null,n[172].value),n[173].value),(0,t.tZ)("p",null,n[174].value)),(0,t.tZ)("h4",{id:"notificationconfig"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#notificationconfig",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"notification.config"),(0,t.tZ)(c.Z,{lang:"js"},n[175].value),(0,t.tZ)(l.Z,{className:"component-api-table"},(0,t.tZ)("thead",null,(0,t.tZ)("tr",null,(0,t.tZ)("th",null,n[176].value),(0,t.tZ)("th",null,n[177].value),(0,t.tZ)("th",null,n[178].value),(0,t.tZ)("th",null,n[179].value),(0,t.tZ)("th",null,n[180].value))),(0,t.tZ)("tbody",null,(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[181].value),(0,t.tZ)("td",null,n[182].value,(0,t.tZ)("code",null,n[183].value),n[184].value,(0,t.tZ)("code",null,n[185].value),n[186].value,(0,t.tZ)("code",null,n[187].value),n[188].value),(0,t.tZ)("td",null,n[189].value),(0,t.tZ)("td",null,n[190].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[191].value),(0,t.tZ)("td",null,n[192].value),(0,t.tZ)("td",null,n[193].value),(0,t.tZ)("td",null,n[194].value),(0,t.tZ)("td",null,n[195].value)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[196].value),(0,t.tZ)("td",null,n[197].value),(0,t.tZ)("td",null,n[198].value),(0,t.tZ)("td",null,n[199].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[200].value),(0,t.tZ)("td",null,n[201].value),(0,t.tZ)("td",null,n[202].value),(0,t.tZ)("td",null,n[203].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[204].value),(0,t.tZ)("td",null,n[205].value,(0,t.tZ)("code",null,n[206].value),n[207].value,(0,t.tZ)("code",null,n[208].value),n[209].value,(0,t.tZ)("code",null,n[210].value),n[211].value,(0,t.tZ)("code",null,n[212].value)),(0,t.tZ)("td",null,n[213].value),(0,t.tZ)("td",null,(0,t.tZ)("code",null,n[214].value)),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[215].value),(0,t.tZ)("td",null,n[216].value),(0,t.tZ)("td",null,n[217].value),(0,t.tZ)("td",null,n[218].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[219].value),(0,t.tZ)("td",null,n[220].value,(0,t.tZ)("code",null,n[221].value),n[222].value,(0,t.tZ)("code",null,n[223].value),n[224].value,(0,t.tZ)("code",null,n[225].value),n[226].value),(0,t.tZ)("td",null,n[227].value),(0,t.tZ)("td",null,n[228].value),(0,t.tZ)("td",null)),(0,t.tZ)("tr",null,(0,t.tZ)("td",null,n[229].value),(0,t.tZ)("td",null,n[230].value),(0,t.tZ)("td",null,n[231].value),(0,t.tZ)("td",null,n[232].value),(0,t.tZ)("td",null,n[233].value)))),(0,t.tZ)("h2",{id:"design-token"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#design-token",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"Design Token")),(0,t.tZ)(a.Z,{component:"Notification"}),(0,t.tZ)("div",{className:"markdown"},(0,t.tZ)("h2",{id:"faq"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"FAQ"),(0,t.tZ)("h3",{id:"why-i-can-not-access-context-redux-configprovider-localeprefixclstheme-in-notification"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#why-i-can-not-access-context-redux-configprovider-localeprefixclstheme-in-notification",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"Why I can not access context, redux, ConfigProvider ",(0,t.tZ)("code",null,n[234].value)," in notification?"),(0,t.tZ)("p",null,n[235].value,(0,t.tZ)("code",null,n[236].value),n[237].value),(0,t.tZ)("p",null,n[238].value,(0,t.tZ)("code",null,n[239].value),n[240].value,(0,t.tZ)("code",null,n[241].value),n[242].value,(0,t.tZ)("code",null,n[243].value),n[244].value),(0,t.tZ)(c.Z,{lang:"tsx"},n[245].value),(0,t.tZ)("p",null,(0,t.tZ)("strong",null,n[246].value),n[247].value,(0,t.tZ)("code",null,n[248].value),n[249].value),(0,t.tZ)("blockquote",null,(0,t.tZ)("p",null,(0,t.tZ)(o.Z,{to:"/components/app",sourceType:"Link"},n[250].value),n[251].value,(0,t.tZ)("code",null,n[252].value),n[253].value)),(0,t.tZ)("h3",{id:"how-to-set-static-methods-prefixcls-"},(0,t.tZ)(o.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#how-to-set-static-methods-prefixcls-",sourceType:"a"},(0,t.tZ)("span",{className:"icon icon-link"})),"How to set static methods prefixCls \uFF1F"),(0,t.tZ)("p",null,n[254].value,(0,t.tZ)(o.Z,{to:"/components/config-provider#configproviderconfig-4130",sourceType:"Link"},(0,t.tZ)("code",null,n[255].value))))))}i.default=d}}]);
|
|
|