Ant Design X

XProvider
全局化配置

为组件提供统一的全局化配置。

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

源码components/x-provider

文档

编辑此页更新日志

使用说明

XProvider 继承了 antd 的 ConfigProvider，且为 @ant-design/x 中的组件提供全局化配置。

如果您已经使用 antd 的 ConfigProvider，请对您的代码做如下变更：

diff

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

代码演示

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

使用

如何使用

API

XProvider 完全继承 antd 的 ConfigProvider, 属性参考：Antd ConfigProvider

组件配置

属性	说明	类型	默认值
bubble	气泡组件的全局配置	'classNames' \| 'styles' \| 'className' \| 'style'	-
conversations	会话组件的全局配置	'classNames' \| 'styles' \| 'className' \| 'style'	-
prompts	提示集组件的全局配置	'classNames' \| 'styles' \| 'className' \| 'style'	-
sender	输入框组件的全局配置	'classNames' \| 'styles' \| 'className' \| 'style'	-
suggestion	建议组件的全局配置	'className' \| 'style'	-
thoughtChain	思维链组件的全局配置	'classNames' \| 'styles' \| 'className' \| 'style'	-
actions	操作列表组件的全局配置	'className' \| 'style'	-