我在文档中找不到答案。我希望::after仅在min-width: 500px之后应用。有没有办法做到这一点？谢谢 justify="space-between" _after={{ position: 'absolute', height: '0.0625rem',
width: '100%'
浏览 7提问于2021-06-13得票数 0
我希望得到一个简单的Next.js应用程序的脉轮UI设置(最新的V1)。在执行了https://chakra-ui.com/docs/getting-started上的“入门”步骤后，我在运行开发服务器时遇到了以下错误： error - ./node_modules/@chakra-ui/portal/dist/esm/portal.js
Attempted import
浏览 29提问于2021-01-11得票数 2
我正在尝试这样做： import { extendTheme } from "@chakra-ui/react"; logo: "Satisfy", colors: { 500: "red.500", }, color="main.500"
浏览 14提问于2021-03-28得票数 1
Chakra Ui提供披露 const { isOpen, onOpen, onClose } = useDisclosure(); 在文档中，此按钮将关闭抽屉 <Button variant="outline" mr={3} onClick={onClose}></Button> 他们没有提供像close()这样的函数来以编程方式关闭它，或者我遗漏了什么
浏览 86提问于2021-04-10得票数 1
回答已采纳
我正在尝试安装@chakra-ui并将其与Next一起使用，但它根本不起作用。我卸载并重新安装它，但它不能工作。我使用了npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6，在安装时没有显示任何错误，但是当我使用import {} from '@chakra-ui/react'时，它就是不起作用，它说：
找不到模块'
浏览 16提问于2022-09-29得票数 0
1回答
在和@chakra-ui/icons包的帮助下，我创建了自己的自定义React.js图标包。以下是代码：export const Down = createIcon({ d: "M21 7l-9 10L3 7", displayName: "hey" });
我将它导入的另一个项目是
浏览 5提问于2021-10-29得票数 0
这就是我的观点： expect( <PortalManager>
<Modal isOpen={true} onClose={jest.fn()}>
浏览 14提问于2021-10-15得票数 0
回答已采纳
由于我们在整个产品中使用chakra-ui，所以使用他们提供的工具提示组件对我来说似乎很自然。"@chakra-ui/react";
buttonColor: string;import { Tooltip } from "@chakra-ui/react"
浏览 9提问于2022-04-08得票数 0
回答已采纳
我意识到这并没有真正影响到任何事情(这件事仍然有效)，但它显示了一个红色的下划线错误，这是相当恼人的：完整的代码是：
type InputFieldProps = InputHTMLAttributes<HTMLInpu
浏览 48提问于2022-05-21得票数 1
回答已采纳
导入依赖项时，eslint将发出错误，因为该包不在我的package.json中。处理这种情况的适当方法是什么？
例如，使用Chakra只需要@chakra-ui/react包，它要求包作为依赖项。如果我想导入默认主题，我可以作为import defaultTheme from '@chakra-ui/theme';进行导入，但这会发出错误。我不喜欢将@chakra-ui/theme添加到我的package.json中，
浏览 4提问于2022-04-04得票数 2
我已经设置故事簿和Chakra使用创建-反应-应用程序后面的装饰文档，如提到的。这是的链接。
我不知道如何纠正这个问题。请帮帮我。
浏览 10提问于2022-01-05得票数 4
回答已采纳
我是新来的ChakraUI和打字稿混在一起。在ChakraUI DOC之后，我创建了如下所示的文件： ...themecustomTheme' has or is using name 'ZIndices' from external module "/Users/username/project-test&#x
浏览 5提问于2020-05-04得票数 2
我一直试图建立一个使用下一个JS和脉轮用户界面的网站，我想让它响应。因此，我使用了反应敏感的一揽子方案来这样做。我最初的目标是做一个反应灵敏的肚脐。虽然所有这些都是按预期实现的，但似乎出现了一个小错误。我得到的汉堡包图标，而不是月亮图标，每次我刷新页面在桌面模式。
我已附上这部分的相应代码。导入包和赋值变量，我们关注isBigScreen
import { SunIcon
浏览 1提问于2021-06-29得票数 0
2回答
减少脉轮表格中列之间的空格
、、、、
我正在用chakra-ui创建一个基本的小Table，但是列之间的空格对于我的特定用例来说太多了。我已经设置了size="sm"，但是它仍然有太多的空格。 ? 我们如何才能做到这一点？以下是与我的问题相对应的伪代码的摘要片段： <Table size="sm"> // ...
</Thead>
浏览 37提问于2021-07-24得票数 2
回答已采纳
1回答
当我们用chakra (eg.Text)组件直接使用react时，我们无法处理链接。问题用例import {Box, Text} from '@chakra-ui/react';
export default
浏览 7提问于2022-01-22得票数 1
回答已采纳
3回答
我正在使用由提供的。然而，我不知道如何改变“黑暗模式”的颜色。在文档中，我看到Chakra基于名为"“的内容，所以我尝试向themeProvider传递一个新的theme，如下所示： ...defaultTheme, background: '#000', }, <ThemeProvider theme={theme}></ThemeProvider&g
浏览 0提问于2020-10-27得票数 11
回答已采纳
2回答
我目前正在学习如何使用ChakraUI
当尝试使用import { Box, Heading, Text, Image } from "@chakra-ui/react";加载本地图像时，它们根本不显示，只显示alt文本，就好像它们的路径没有正确键入一样，我也尝试将图像源直接键入到组件中。nextjs/image组件与nextjs/image正确地工作于--完全相同的路径--而且我没有得到关于这个特定错误的任何信息，我也尝试过@c
浏览 12提问于2021-07-11得票数 2
我使用Vercel创建了一个next.js应用程序，然后使用以下命令行安装了chakra-ui： at /Users/vaibhavverma9/Desktop/tcofrontend/node_modules
浏览 0提问于2021-05-16得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
