XProvider

Provide a uniform configuration support for x components.

Import

import{ XProvider }from"@ant-design/x";

Sourcecomponents/x-provider

Docs

Edit this page Changelog

Use

The XProvider extends the ConfigProvider from antd and provides global configuration for components in @ant-design/x.

If you are already using ConfigProvider from antd, please make the following changes to your code:

- import { ConfigProvider } from 'antd';
+ import { XProvider } from '@ant-design/x';
  const App = () => (
-   <ConfigProvider>
+   <XProvider>
      <YourApp />
-   </ConfigProvider>
+   </XProvider>
  );

Examples

Direction:

LTRRTL

Conversation - 1
Conversation - 2

Hello Ant Design X!

Hello World!

Ignite Your Creativity

Tell me a Joke

Hello Ant Design X!status: success

Ant Design X help you build AI chat/platform app as ready-to-use 📦.

Hello World!status: success

Pending...status: pending

Use

Usage.

API

XProvider fully extends antd's ConfigProvider. Props ref：Antd ConfigProvider

Component Config

Property	Description	Type	Default
bubble	Global configuration for the Bubble component	'classNames' \| 'styles' \| 'className' \| 'style'	-
conversations	Global configuration for the Conversations component	'classNames' \| 'styles' \| 'className' \| 'style'	-
prompts	Global configuration for the Prompts component	'classNames' \| 'styles' \| 'className' \| 'style'	-
sender	Global configuration for the Sender component	'classNames' \| 'styles' \| 'className' \| 'style'	-
suggestion	Global configuration for the Suggestion component	'className' \| 'style'	-
thoughtChain	Global configuration for the ThoughtChain component	'classNames' \| 'styles' \| 'className' \| 'style'	-