问题标签 [chakra-ui]

谁能描述我为什么下面的命令需要太多时间？

我们正在使用反应和打字稿。
设计库是 chakra-ui。
我们正在使用 framer-motion 进行动画制作。
我想做什么
我想创建原始单选按钮。RadioButton 行为
当用户悬停按钮 → 单选按钮变为蓝色（不显示对勾图标）。
当按下单选按钮 → 单选按钮变为蓝色，并显示对勾图标（帧中实现的动画-应用了运动。）

当前单选按钮行为
当按钮悬停时 → 颜色不会变为蓝色。
当单选按钮被按下时 → framer-motion 实现的动画不会应用于复选图标。

如果有人可以帮助我，请回答。

有没有办法让它<Input />在点击时不会关闭？目前，如果我在输入中单击，菜单就会关闭。我的设置与原始海报相同。我试过玩弄closeOnSelect="false"，但似乎没有用。任何建议将不胜感激。

这是 CodeSandbox 形式的示例： https ://codesandbox.io/s/chakra-menuitem-as-input-forked-9ue4n

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

我正在尝试使用 Chakra-ui 和 Gatsby 在成帧器运动中制作动画，其中存在旋转、运动和不透明度变化。

目前，动画按照我在 x 轴上的移动和旋转的意图工作，type:spring但是“反弹效果”也会影响不透明度。

我试图type:tween为 opacity 属性明确定义，但这对对象的不透明度也没有影响，仍然“弹跳”。这是我的代码：

我将不胜感激任何建议

如果根据 localStorage 设置满足条件，我似乎无法让选项卡呈现为活动状态。这是我所拥有的：

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

我在下一个 js 中有一个应用程序，它也使用脉轮 UI。我正在尝试向应用程序添加页脚，但无法强制导航栏下的组件占据屏幕的剩余高度。

我认为我的问题是我没有正确地将 CSS 样式传递给组件。

_app.tsx

styles/globals.css

即使我将其设置#component-container为类似color: white我看不到此 CSS 应用于子组件的内容。我认为我没有正确地将 CSS 传递给组件。

如何正确地将 CSS 应用于下一个 js 中的所有组件？

我正在使用 Chakra.ui 组件库构建一个单页反应网站。但是，我确实有不同的页面部分，您可以从标题跳转到。我需要它，以便当您在某个页面部分时，该部分在标题中带有下划线。我尝试了许多不同的方法，但它们似乎都不起作用。

我的标题部分的代码：

谢谢。

到目前为止，在为 Chakra UI 的暗模式和亮模式自定义组件时，ColorMode 钩子一直适用于我的所有代码。但是，当我尝试对页脚执行相同操作时，它不起作用，我不知道为什么。

这是我的代码：

谢谢你。