腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
chakra
ui
创建
返回
顶部
按钮
reactjs
、
user-interface
、
jsx
、
chakra
我正在尝试
创建
返回
顶部
按钮
与
Chakra
Ui
,但不确定如何显示BTT
按钮
后,用户滚动了一点,例如在标题部分或在500px之后 <Link to='/#top'> <Box position
浏览 13
提问于2021-07-02
得票数 0
1
回答
扩展默认主题脉轮用户界面
reactjs
、
chakra-ui
我希望将默认的borderColor设置为所有输入组件,但它不起作用import { extendTheme } from "@
chakra
-
ui
/react"; const
浏览 2
提问于2021-10-12
得票数 1
回答已采纳
1
回答
我想
创建
一个带有框架运动的自定义radioButton。
reactjs
、
typescript
、
framer-motion
、
chakra-ui
我们
使用
的是反应和类型记录。我们正在
使用
框架-运动动画。我想要
创建
原始单选
按钮
。import React from 'react';import { RadioHStack> );import
浏览 2
提问于2021-04-14
得票数 5
2
回答
在下一个js中
使用
脉轮用户界面中的字体
next.js
、
chakra-ui
我的应用程序是
使用
NextJs构建的,并且
使用
Chakra
。我安装了Google字体,如下所示 import { extendTheme } from "@
chakra
-
ui
"导出默认主题
浏览 5
提问于2021-09-30
得票数 1
1
回答
如何在
Chakra
UI
Modal中将回调附加到Google Picker?
javascript
、
google-picker
我正在尝试将Google Picker集成到我的应用程序中,
UI
如预期的那样完美地显示出来,但是我似乎无法让它调用我尝试附加到它的任何回调。有两种
使用
Picker的方法,我更喜欢选项1,但我对任何一种都没意见 选项1:将Picker构建为在自定义模式中呈现的URL 我在React (特别是
Chakra
)中构建我的应用程序,并且我更喜欢
使用
Chakra
使用
此路径,这是我到目前为止拥有的相关代码: function getPicker(callback) { const view = n
浏览 13
提问于2021-04-21
得票数 1
回答已采纳
1
回答
如何用普通CSS类名覆盖
Chakra
UI
(或情感CSS-in-JS)样式?
css
、
reactjs
、
webpack
、
emotion
、
chakra-ui
复制步骤我接着添加了一个index.css文件,并用一个简单的类名将它导入到src/index.js (或src
UI
的组件样式时,CSS类样式就会被
Chakra
类所取代。下面是一个简单的例子,试图使Modal页脚具有灵活的空间--在这些
按钮
之间展开。<ModalFo
浏览 10
提问于2022-07-21
得票数 1
回答已采纳
3
回答
由于系统颜色模式,脉轮用户界面颜色模式在页面刷新时会发生变化。
typescript
、
next.js
、
chakra-ui
我
使用
Chakra
运行NextJS,问题是当useSystemColorMode设置为true时,它会忽略用户在页面刷新时的选择,并将其设置为系统颜色模式。为了前夫。系统颜色模式是黑暗的,用户将
按钮
切换到光模式,然后刷新页面,这将自动取消灯光模式并将其设置为黑暗。我希望它能保持轻盈。 import { Button, useColorMode } from '@
chak
浏览 25
提问于2021-12-27
得票数 3
回答已采纳
2
回答
如何为光和暗脉轮-
UI
主题设置不同的颜色?
reactjs
、
chakra-ui
我正在
使用
脉轮-
UI
主题,并将自定义光和暗主题的颜色。例如,我将为光和暗主题设置不同的颜色值,如下所示。import { extendTheme, ChakraProvider } from "@
chakra
-
ui
/react" gray: {
浏览 5
提问于2022-02-08
得票数 1
1
回答
如何覆盖
Chakra
UI
Modal组件z-索引值,将Modal组件放置在反应传单图上
next.js
、
z-index
、
lightbox
、
react-leaflet
、
chakra-ui
我试图
创建
一个自定义的光盒效果的图像在一个反应传单圆环弹出组件基于和
使用
脉轮。实现工作,但我遇到了z索引和位置问题的脉轮
UI
。
使用
本文中的代码和模态产生的结果接近我想要的,除了modal Lightbox被放置在显示不美观的传单div的部分下面,关闭
按钮
被模糊了。, Flex, ModalOverlay, ModalHeader, useDisclosure } from '@
chakra
-
ui
/react' const LightBox
浏览 3
提问于2022-11-18
得票数 1
1
回答
使用
Chakra
UI
设置MDX文件的样式
reactjs
、
typescript
、
next.js
、
eslint
、
mdxjs
我正在尝试在next.js应用程序中
使用
Chakra
UI
设置markdown文件的样式。为此,我
创建
了以下MDXComponents.tsx文件: import {
chakra
} from "@
chakra
-
ui
/react" p:(props) => <
chakra
.p fontSize="2xl" color="blu
浏览 46
提问于2021-07-23
得票数 0
回答已采纳
1
回答
平滑过渡暗/光模式chakraUI
css
、
reactjs
、
chakra-ui
有没有办法用chakraUI (react项目)来平滑过渡暗/光模式,而不是立即改变?
浏览 15
提问于2022-11-20
得票数 0
回答已采纳
1
回答
ChakraUI &类型记录自定义主题
reactjs
、
typescript
在ChakraUI DOC之后,我
创建
了如下所示的文件: ...themecustomTheme' has or is using name 'ZIndices' from external module "/Users/username/project-test/node_modules/@
浏览 5
提问于2020-05-04
得票数 2
1
回答
使用
带有浮动
按钮
的
chakra
-
ui
ToolTip
reactjs
、
typescript
、
chakra-ui
我试图
创建
一个浮动的“紧急出口”
按钮
,我的反应类型记录应用程序将立即将用户带到weather.com。我在
创建
按钮
时没有遇到任何问题,但是当在
按钮
上悬停时,需求需要一个工具提示。由于我们在整个产品中
使用
chakra
-
ui
,所以
使用
他们提供的工具提示组件对我来说似乎很自然。我的第一次尝试是这样的:import React from "react"; import { Button as Cha
浏览 9
提问于2022-04-08
得票数 0
回答已采纳
2
回答
React
Chakra
UI
模式仅显示覆盖
html
、
css
、
reactjs
、
chakra-ui
我在React with Typescript中
使用
Chakra
UI
,遇到了一个奇怪的问题,我试图用modal.tsx文件中的以下代码实现Modal。ModalOverlay, ModalHeader, ModalBody,} from "@
chakra
-
ui
Button> <
浏览 20
提问于2021-05-30
得票数 1
2
回答
使输入和
按钮
位于同一行。
javascript
、
css
、
reactjs
、
chakra-ui
、
react-icons
我正在制作一个
使用
react和
chakra
ui
的待办事项列表应用程序。这就是我得到的:我的守则:import "./App.css";import Todo from ".ChakraProvider>} export d
浏览 8
提问于2022-07-02
得票数 1
回答已采纳
2
回答
如何使脉轮用户界面响应主题抽屉有一个与抽屉开头对齐的closeButton图标
css
、
reactjs
、
css-selectors
、
chakra-ui
我正在遵循这个脉轮医生如何
创建
一个抽屉滑块菜单:import React from "react" DrawerCloseButton, Button, IconButton } from '@
chakra
-
ui
/header.module.cs
浏览 10
提问于2021-12-21
得票数 0
1
回答
React Hook表单错误不适用于
Chakra
UI
reactjs
、
react-hook-form
、
chakra-ui
我正在尝试
使用
ChakraUI和React-Hook-Form来
创建
我的表单。但是,我的错误不起作用。我试着不
使用
脉轮
ui
,但仍然不起作用。/App.css"import { Text } from "@
chakra
-
ui
/react" AlertIco
浏览 49
提问于2021-01-05
得票数 1
3
回答
无法更改
Chakra
中的默认字体
javascript
、
reactjs
、
chakra-ui
第一次
使用
脉轮,并试图将默认字体更改为
Chakra
中的,但没有取得任何效果。是否有一个导入(分配了新主题)将其作为道具传递给ChakraProvider,但代码中没有发生任何事情。index.js fonts> document.get
浏览 7
提问于2021-01-25
得票数 3
1
回答
如何
使用
nextjs和
chakra
处理urls?
javascript
、
reactjs
、
next.js
、
chakra-ui
当我们用
chakra
(eg.Text)组件直接
使用
react时,我们无法处理链接。问题用例import {Box, Text} from '@
chakra
-
ui
/react'; export default
浏览 7
提问于2022-01-22
得票数 1
回答已采纳
1
回答
如何在
Chakra
UI
元素中添加::-webkit-scrollbar伪元素?(React)
html
、
css
、
reactjs
、
chakra-ui
我正在
使用
Chakra
UI
,我需要
使用
css伪元素::-webkit-scrollbar来自定义滚动条样式,但是
Chakra
UI
没有看到这个伪元素,我不知道在不
创建
全局css类的情况下在哪里可以设置这个特定组件的样式
浏览 39
提问于2020-11-28
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Web前端:供开发人员考虑的四大创新React JS框架
从游戏UI中学习UX设计
封装element-ui表格,我是这样做的
使用 React Native 创建人脸识别 App
产品经理必知的A/B测试事儿
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券