问题标签 [chakra]

当我将 Formik 与 Chakra 输入元素一起使用时，代码不起作用。如果我使用普通输入，formik 的值可以正常工作，但是当我使用数字输入并在 Formik 中设置初始值时，数字会冻结。我尝试在初始值中设置一个字符串，一个数字在数字中转换的字符串，但结果仍然相同。我发现了其他关于此的旧问题，但没有正确的答复。下面按照我的代码：

我目前有一个带有徽标和搜索栏的 NavBar，如下所示：

我想将搜索栏放在更大的屏幕上，并让搜索栏占用导航栏上的空白空间，而不会溢出到左侧的徽标上。这是导航栏的代码：

任何有关如何执行此操作的指示将不胜感激。

我想不出我们如何使 Chakra 组件内联。阅读文档，但无法确定正确的属性，或者这是否是 css 类的东西。

我有一个 Chakra UI 表，当整个表不再适合屏幕时，我想要一个溢出 x，似乎无法弄清楚如何从左到右滚动。

问题是我有一个侧边栏菜单和内容组件的 flex 父级，这就是滚动无法检测到它需要滚动的原因。

在我的应用程序中，我希望能够单击一个项目（背景颜色、文本等），弹出一个带有颜色选择器的模式，然后更改项目的颜色。

我遇到的问题是我onClick为父元素创建了一个处理程序来更新背景颜色，但是当单击父元素中的任何内容时它也会激活。

我在Codesandbox中有一个示例，您可以看到，无论您单击背景还是按钮，当我只想为背景激活颜色选择器时，它都会出现。

如果有人熟悉 Chakra-ui，这是我的代码：

有没有办法仅在单击背景时显示颜色选择器？

如果您想查看GitHub 上的真实示例或所有代码，该应用程序也部署在Netlify上。

我正在尝试使用 Chakra Ui 创建返回顶部按钮，但不确定如何仅在用户滚动一点之后显示 BTT 按钮，例如在标题部分之后或 500px 之后

我正在尝试将图标正确放置在输入中间，该输入具有size="xs". 但是，我所有的尝试都失败了，并且图标一直定位得太低/太低。我也尝试过使用IconButton而不是常规图标，但这也不起作用。

我究竟做错了什么？

这是代码框。请注意，在此代码框中，图标实际上位于 Input 的中间上方（这仍然是错误的），而不是在我的本地计算机上的下方。

https://codesandbox.io/s/optimistic-bartik-5ifsd?file=/src/App.tsx

如何使用 Chakra UI 和 React 在网站上制作页脚？我知道有https://pro.chakra-ui.com/components/marketing/footers代码可以执行此操作，但我不确定如何制作 const 声明的“应用程序”组件。

非常感谢。

晚上好，如果有人可以帮助我，我将不胜感激。

我chakra用来防止通知显示是否已经显示。

但是现在我将通知分成了另一个组件：

在我的组件中，我按如下方式使用它：

你怎么能阻止他们现在重复？

当我使用useToast并且我在另一个组件中没有单独的通知时，我能够防止它们被重复：

我在 React 应用程序中使用 Chakra UI Modal。我想在用户单击它外部时禁用关闭模式，但我找不到任何方法来做到这一点。Chakra UI Modal 的文档在这里：https://chakra-ui.com/docs/overlay/modal closeOnOutsideClick 没有标志 :( 有人能帮我吗？