问题标签 [chakra]

我正在尝试将渐变设置为 Chakra UI 的 Progress 组件，但它不支持背景图像更改。知道如何实现这一目标，甚至有可能吗？

我是第一次使用 Chakra UI，但找不到解决方案来解决应该做的简单事情。

在 Chakra 的样式道具文档中，他们为边框样式提供了以下内容（https://chakra-ui.com/docs/features/style-props#borders）

有没有办法使用速记来添加border道具来设置宽度、样式、颜色等？

我看不到有关如何执行此操作的任何文档或答案，以及明显的（对我而言）解决方案：

<div border="1px solid black" />

不起作用，所以我不得不使用：

<div borderWidth="1px" borderStyle="solid" borderColor="black" ...

这只是凌乱而冗长的打字。

非常感谢任何帮助！

我的导航栏上有 3 个按钮，如果它是活动页面，我想将文本的颜色更改为不同的颜色。

我还想有一个默认的，第一个。

StyledLink 来自另一个答案，但它不起作用。我正在使用脉轮用户界面。

这是我的 layout.js 的代码：

我是nextjs的新手，做出反应，我似乎找不到正确的答案

我正在使用 chakra ui，我想在单个组件中使用两个模态。

isOpen 、 onOpen 、 onClose 不能作为变量更改，因为它们是内置的脉轮函数。有人可以建议我一种方法来改变其中两种模式（Chakra UI）操作吗？

我正在使用打字稿反应。
xs,sm,md,lg 在 props 中传递。
每个尺寸（14px、16px、18px、24px）的 px 被传递给 Icon。(1)中的错误显示在fontSize={FONTSIZE[size]}的地方。
错误 (2) 显示在 <AtomLinkProps['size'], string>。

错误

图③

图像④ 错误信息

尝试将 ChakraUI 添加到我的 create-react-app 后，出现错误。希望得到任何帮助（也感谢向stackoverflow问题添加内容的建议）

我按照https://chakra-ui.com/docs/getting-startedyarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4中的建议运行

我使用 CRA 来启动我的应用程序，但在我已经开始一些开发之后决定添加脉轮。这就是为什么我没有使用yarn create react-app my-app --template @chakra-ui

但是，在运行后yarn我yarn start收到有关 framer-motion 的错误：[TypeError: framer_motion__WEBPACK_IMPORTED_MODULE_1__.motion.custom is not a function][1]

我的 index.js 文件如下所示：

包.json：

使用反应版本：17.0.1

提前感谢您的任何建议 [1]：https ://i.stack.imgur.com/Vs3oU.png

我正在使用反应。
我正在使用 chakra ui 我希望图标和文本并排。
图标显示不对齐。

我正在使用 typescript、react 和 chakra ui。
我们希望在将“twitter”传递给 Icon 组件的 IconProps 时显示 Twitter.ts 的 Icon 组件，并在传递“LinkedIn”时显示 LinkedIn 组件。
我想根据传递给 Icon 组件的名称更改要显示的图标。

索引.tsx

图标.ts

Facebook.ts

Linkedin.ts

Twitter.ts

我正在尝试创建一个函数，该函数允许从 node-chakracore 实例触发 Node 的 V8 实例中的脚本。我通过将较新版本的 Node 作为子进程运行来做到这一点。我想这样做，它只有 1 个较新的 Node 实例，而不是为我要运行的每个脚本创建另一个。我想要一个runV8Script能在 V8 端触发脚本的函数。我想要触发脚本的方式是拥有一个 IPC 套接字，服务器端是 Chakra，客户端是 V8。

我遇到的问题是我想不出如何client在服务器回调之外使用，这意味着我不能让函数发送数据。

我只是用下面的简单代码创建这个服务器，没什么花哨的

我想将 定位rowStart={1} colStart={1}在网格的左下角。而且，我无法弄清楚如何。

如果有人可以提供帮助，我将不胜感激！尤其是 React 和 Chakra-UI 的新手，也很乐意提供提示。