mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-21 13:18:04 +08:00
1.3 KiB
1.3 KiB
category | type | cols | title |
---|---|---|---|
Components | Other | 1 | 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 |
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 |