antd的Design Token是怎么使用的呢?

作者站长头像
站长
· 阅读数 8

我在阅读antd的文档的时候,有看到Design Token,有组件Token和全局Token。

请问这个Design Token 是怎么使用的呢?

antd的Design Token是怎么使用的呢?

回复
1个回答
avatar
test
2024-06-28

由一个 ConfigProvider , 用于覆盖默认的变量 https://ant.design/docs/react/customize-theme-cn

antd 也提供了一个编辑器,可以可视化的修改

 <ConfigProvider
    theme={{
      token: {
        // Seed Token,影响范围大
        colorPrimary: '#00b96b',
        borderRadius: 2,

        // 派生变量,影响范围小
        colorBgContainer: '#f6ffed',
      },
    }}

answer image


回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容