ant-design/components/config-provider/index.en-US.md
2019-01-13 21:18:38 +08:00

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