问题标签 [chakra]

我正在尝试自定义 Chakra-ui 选项卡组件。根据他们的文档，它必须被包裹起来，React.forwardRef因为它们用于cloneElement在内部传递状态。但随后 TS 抱怨道：

是否可以向CoolTab组件添加类型，以便它仍然可以与他们的 api 一起使用？

https://chakra-ui.com/tabs#creating-custom-tab-components

导入 Chakra UI 时出现此错误。

我正在尝试故事书和脉轮 ui。下面是我如何构建我的文件夹，

这是我的故事书配置。不幸的是我收到一个错误，好像故事书没有找到我的组件。

有人可以帮我理解有什么问题吗？为什么故事书找不到我的组件？

- - - - - -更新 - - - - - -

这是我试图添加的故事

（或根据库类似命名）

这些功能纯粹是为了便于在应用程序中访问主题，还是提供一些功能/性能优势？

通过将主题导入组件直接访问主题或通过 ThemeProvider 访问主题有什么区别？

I am using the "dark mode" feature provided by the Chakra UI library. However, I can't figure out how to change the "dark mode" colors. In the documentation, I see that Chakra UI is based on something called "styled-system", so I tried to pass a new theme to themeProvider like this:

However, that didn't work. I also tried to wrap the modes object with a colors object, but that didn't work either. How can I customize the "dark mode" colors?

我想停止传播https://react-google-maps-api-docs.netlify.app/#autocomplete。自动完成功能很好，但我需要在弹出窗口中使用它，当我选择一个位置时，弹出窗口会自动关闭。

如果有另一个库可以很好地处理弹出框和模态框

我想在 chakra ui 中自定义全局样式，以便我的所有元素框大小更改为边框框！这是我的审判。但是什么都没发生。。

我在我的 _app.tsx 文件中导入了这个 extendTheme。我认为这段代码有问题。

标题差不多。已在文档上搜索有关如何执行此操作的说明，但没有运气。

我的设置是使用 NextJS 并且 resetCSS 是通过 ChakraProvider 传递的，所以我无法更改样式来修改字体大小，因为 Chakra 会覆盖它。

我正在尝试扩展我的主题（修改默认组件）并将我的新默认道具传递给 Input 组件。我需要通过当前颜色模式更改 focusBorderColor。我试图将一个函数传递给 defaultProps 参数，但这破坏了我的 Input 组件上的所有样式：

我还尝试通过 baseStyle 属性为我的组件设置样式，这很有效，但是通过将函数传递给它，所有默认的基本样式都被覆盖了。我需要向 baseStyle 添加属性并保留默认的 baseStyles（仅扩展但具有颜色模式）。

有什么方法可以将 colorMode 传递给默认道具？或者有什么方法可以在不丢失默认baseStyles的情况下使用函数声明正确扩展baseStyle？谢谢你的帮助！

我正在尝试创建多个包含信息的框，每个框都有一个图标。现在我已经硬编码如下：

现在，为了能够动态添加更多这些组件，我想实现一个数据库。大多数情况下这很容易，我只是不知道如何使用 react-icons 组件来实现它？我应该使用其他东西还是有可能？