问题标签 [theme-ui]

我想在我的网站中加载本地字体，我使用的是 theme-ui。我的主题 UI 配置如下所示：

“CircularBlack”是我的自定义字体。但我不知道如何告诉 theme-ui 使用这种字体。

所以，我正在使用 theme-ui 及其主题功能，但我是新手。

以我的旧方式，我只会使用包 classNames 并根据道具或状态等动态添加样式。

翼...

所以，如您所见 - 我可以根据道具更新按钮。我将如何使用主题-ui 做到这一点？

我如何使用 theme-ui 对按钮或 div 或任何东西进行动态禁用或说“活动”状态。我该如何做到这一点？我必须在我的 theme.js 文件中声明一个主题类型，还是我们“jx”来覆盖？

有什么例子吗？

所以，我有一个用户可以传入的主题。如果用户传入一个“徽标组件”，那么我会将其插入到一个固定的标题中。该徽标组件可以是 50 - 100 像素高。由于它是固定的，所以我需要它后面的内容低于标题折叠，所以我必须添加等量的像素到它。所以，我有类似的东西：

似乎没有获取标题组件的 id/querySelector 然后将其应用于 Box 组件，即..

注意：我知道可以在 useEffect 等中计算它的高度。好奇，如果 theme-ui 有一个漂亮的方法。

我正在使用 [theme-UI][1] 使用下一个 JS 构建应用程序。但在我的项目中，我必须使用本地字体或自定义字体。但我不知道我该怎么做。这是我的主题

这里是主题——

在这里，我在字体对象中使用字体名称，并将其称为根元素。[1]：https ://theme-ui.com/

我正在使用条形图并想隐藏两条轴线。我尝试了以下方法，但它不起作用。

=>> 实际上，我正在使用 ChartJS 制作图表。一切都很顺利，除了一个例外：虽然 X 轴线（沿图表底部水平延伸的线）正在绘制，但 Y 轴线（沿左侧垂直延伸的线）没有，甚至虽然我应用了几乎相同的配置。

我已经广泛使用了这个，并且无法弄清楚我做错了什么。

实际上我想删除图片的轴线

请帮帮我。

我正在使用 ChartJS 制作图表。一切都很顺利，除了一个例外：虽然 X 轴线（沿图表底部水平延伸的线）正在绘制，但 Y 轴线（沿左侧垂直延伸的线）没有，甚至虽然我应用了几乎相同的配置。

我已经广泛使用了这个，并且无法弄清楚我做错了什么。

我的索引文件，我在其中将 App 组件与ThemeProvider

索引.tsx

我定义我的主题

主题.ts

这是我的 App 组件，我在其中创建了一个 Rebass 按钮组件。

应用程序.tsx

该按钮没有选择我的主题中定义的原色。有谁知道为什么？

我正在使用Next.js 12 ，并且在使用theme-ui创建主题后弹出此错误

我的 package.json 具有以下依赖项

我尝试从中删除"type": "module"，E:\fm-nextjs\node_modules\@mdx-js\react\package.json但它仍然给出错误。
我该如何解决这个问题。好像我必须手动更改一堆文件。如果有解决方法会很棒。

我的主题如下

我已经设置theme.styles.a为btnStyles

我的btnStyles样子如下

现在我希望能够将primary和secondary链接样式应用于反应路由器NavLink，就像我在这里所拥有的一样

但是，这不起作用。我不能使用<Themed.a.primary>或<Themed.a.secondary>

使用主要和次要变体设置 NavLink 样式的正确方法是什么？