Chakra UI v3.16.1中colorScheme失效,是否被替换为colorPalette?
Chakra UI v3.x中
colorScheme失效原因及替代方案 是的,Chakra UI v3.x版本中colorScheme已经被弃用并替换为colorPalette,这是组件API的核心调整之一。
具体说明:
- 团队在v3重构时,为了区分颜色调色板和主题的明暗模式("scheme"指light/dark),避免命名混淆,将原
colorScheme重命名为colorPalette - 所有之前支持
colorScheme的组件(如Button、Badge、Checkbox、Input等)均同步调整为使用colorPalette属性 - 类型定义中已移除
colorScheme,因此IDE不会提供该属性的代码提示,直接使用也不会生效
迁移方式:
只需将原代码中的colorScheme替换为colorPalette即可,搭配variant的使用逻辑保持不变:
旧写法:
<Button colorScheme="blue">Click me</Button>
新写法:
<Button colorPalette="blue">Click me</Button>
你示例中使用colorPalette="orange" variant="surface"的写法是完全符合v3.x规范的。
内容的提问来源于stack exchange,提问作者davinceleecode
相关产品推荐
相关产品推荐

