themeCongif files for antd V5

最新推荐文章于 2024-07-26 20:46:33 发布

Michael_Cheng_09

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量136

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/zihang_cheng/article/details/128269985

版权

// themeCongif files for antd V5
export const theme = {
  token: {
    colorPrimary: "#00b96b",
  },
  components: {
    Radio: {
      colorPrimary: "red",
    },
  },
};

export const theme2 = {
  token: {
    colorPrimary: "orange",
  },
};

import React from "react";
import { ConfigProvider, Button, Radio, Checkbox } from "antd";
import { theme, theme2 } from "./themeConfig";

const App = (props) => {
  return (
    <ConfigProvider theme={theme}>
      app...
      <ConfigProvider theme={theme2}>
        <Button type="primary">asd</Button>
      </ConfigProvider>
      <Radio>Radio</Radio>
      <Checkbox>Checkbox</Checkbox>
    </ConfigProvider>
  );
};

export default App;

antd V5 支持了 theme 的 token 方式及内部在 component 下去改变组件主题色，今天测试一下效果