ConfigProvider
ConfigProvider provides a uniform configuration support for components.
Usage#
This component provides a configuration to all React components underneath itself via the context API, In the render tree all components will have access to the provided config.
import { ConfigProvider } from 'antd';
// ...
return (
<ConfigProvider {...yourConfig}>
<App />
</ConfigProvider>
);Content Security Policy#
Some component use dynamic style to support wave effect. You can config csp prop if Content Security Policy (CSP) is enabled:
<ConfigProvider csp={{ nonce: 'YourNonceCode' }}>
<Button>My Button</Button>
</ConfigProvider>API#
| Property | Description | Type | Default |
|---|---|---|---|
| autoInsertSpaceInButton | Set false to remove space between 2 chinese characters on Button | boolean | true |
| csp | Set Content Security Policy config | { nonce: string } | - |
| renderEmpty | set empty content of components. Ref Empty | Function(componentName: string): ReactNode | - |
| getPopupContainer | to set the container of the popup element. The default is to create a div element in body. | Function(triggerNode) | () => document.body |
| prefixCls | set prefix class | string | ant |