React - ChakraUi - 风格 - 自动完成

Question

我想为 chakraui 文本添加 size 属性。它正在工作，但 size 属性内没有自动完成功能。我如何修复文本大小属性中的自动完成功能？

extendedConfig{
      components: {
        Text: {sizes:
         xs: {
          fontSize: '8px',
        },
        sm: {
          fontSize: '10px',
        }, },
      }},
    const myTheme = extendTheme(extendedConfig, proTheme);

        <ChakraProvider theme={myTheme}>
          {children}
        </ChakraProvider>

Answer 1

@chakra-ui/cli

生成新的/更改的标记、变体、大小等的类型。

安装包后，运行

npm chakra-cli tokens path/to/yourThemeConfig.ts

（或您使用的任何包管理器而不是 npm），它会生成输出到

node_modules/@chakra-ui/styled-system/dist/theming.types.d.ts

的类型。生成后，新选项应显示在 size 属性自动完成中。

参考：CLI 安装/使用的 Chakra UI 文档