如何解决应用程序主题级别的样式 Chakra UI FormControl 和标签
使用 Chakra 已有一段时间了,但我无法理解所有组件的样式,在本例中,FormControl
在全局级别使用主题文件。
例如,如果我想为 FormControl
和 Formlabel
元素添加边距底部,我会将组件对象添加到主题文件中,如下所示:
components: {
Form: {
parts: ['control','label','errorMessage'],baseStyle: {
control: {
marginBottom: '2rem',},label: {
marginBottom: '3rem',
但这对呈现的 FormControl
或 Formlabel
的基本样式没有影响。
解决方法
仔细查看源代码后,FormControl 没有部件数组,因为它是一个上下文而不是一个组件。因此,它不能被样式化!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。