ant-design/components/config-provider/index.en-US.md

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	Version
autoInsertSpaceInButton	Set false to remove space between 2 chinese characters on Button	boolean	true	3.13.0
csp	Set Content Security Policy config	{ nonce: string }	-	3.13.1
form	Set Form common props	{ validateMessages?: ValidateMessages }	-	4.0
renderEmpty	set empty content of components. Ref Empty	Function(componentName: string): ReactNode	-	3.12.2
getPopupContainer	to set the container of the popup element. The default is to create a div element in body.	Function(triggerNode)	() => document.body	3.11.0
locale	language package setting, you can find the packages in antd/es/locale	object	3.21.0
prefixCls	set prefix class	string	ant	3.12.0
pageHeader	Unify the ghost of pageHeader ,Ref [pageHeader](<(/components/page-header)>	{ ghost:boolean }	'true'	3.24.0

FAQ

Locale problem is still existed in DatePicker even ConfigProvider locale is used?

Please make sure you set moment locale by moment.locale('zh-cn'), or you don't have two moment of different version.