问题标签 [chakra]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
9 浏览

user-interface - 如何使用 chakra ui 将两个输入字段转换为一个输入字段?

如何使用 chakra-ui 将两个输入字段转换为一个输入字段?

0 投票
0 回答
143 浏览

css - 如何使 Chakra ui react 主题抽屉有一个与抽屉开头对齐的 closeButton 图标

我正在关注这个关于如何创建抽屉滑出菜单的 Chakra Doc:https ://chakra-ui.com/docs/overlay/drawer

使用以下组件:

我的CSS模块:

我可以创建一个滑出式菜单,但它 <DrawerCloseButton />与滑出式抽屉的末端对齐。我想让关闭按钮在抽屉的开头对齐(这样它就更靠近屏幕的边缘。

我按照这篇文章将按钮左对齐,但它不起作用 React-Native Button Align Center 浏览器中没有发生任何变化。

可能有人给我一些关于如何重新对齐滑出菜单上的关闭按钮图标的指导......

谢谢

0 投票
0 回答
17 浏览

reactjs - Chakra UI:paddingLeft 样式道具在 VStack 中为 > 10 的值提供了意想不到的结果

我是 HTML/Javascript/React 的新手。这是我的示例代码。我正在使用 React.createElement 创建 4 个 Text 元素并将它们添加到 VStack 中。这些 Text 元素的 paddingLeft 样式属性分别设置为 0、5、10、15。渲染 VStack 时,paddingLeft 设置为 15 的最后一个 Text 元素显示不正确的左侧填充。有什么问题?我设置为 paddingLeft 的数字是否应该解释为百分比/10?

浏览器输出

0 投票
0 回答
8 浏览

reactjs - 当系统设置应用程序模式设置为暗模式时,Chakra ui 更改为暗模式,但我还不想在 web 应用程序上使用暗模式

暗模式使应用程序看起来很丑,我如何禁用脉轮 UI 上的暗模式功能(React Js)