logoAnt Design X

设计研发组件X MarkdownX SDK演示
  • 介绍
  • 代码示例
  • 主题
  • 流式处理
    • 语法处理
    • 动画效果
  • 组件
    • 总览
    • Sources来源应用
    • Think思考过程
    • DataChart数据图表
    • Custom自定义组件
  • 插件集
    • 总览
    • Latex公式
    • HighlightCode代码高亮
    • Mermaid图表
    • CustomPlugins自定义插件
    • 主题和国际化

主题和国际化

使用 XProvider 全局化配置实现插件的主题和国际化。

使用

XProvider 使用 React 的 context 特性,只需在应用外围包裹一次即可全局生效。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>
);

代码演示

Change locale of components:
国际化
CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code
ColorBgTitle:
主题
CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code