与 Theme-UI 集成的组件库

Posted

技术标签:

【中文标题】与 Theme-UI 集成的组件库【英文标题】:Component Libraries that Integrate with Theme-UI 【发布时间】:2020-05-15 02:34:11 【问题描述】:

Theme-UI 有多个built-in compoments。但它们都是“简单”的组件。也就是说,没有选项卡、手风琴、可排序表或其他具有更“复杂”功能的组件。

我正在寻找其他组件库的建议,这些组件库具有该功能,但可以与 theme-ui 很好地同步。也就是说,我要使用theme-ui的theme和sx prop,但是要具备另一个组件库的功能。

有什么建议吗?

谢谢。

【问题讨论】:

【参考方案1】:

从组件的角度来看,Theme-UI 是故意没有意见的。与 Gatsby + MDX 一起使用似乎是它的模式。

如果您还没有决定使用工具包,这些可能值得评估:

    索环https://v2.grommet.io/ 脉轮用户界面https://chakra-ui.com/ 欢迎界面http://welcome-ui.com/

它们都使用 style/theme 道具,使用您在 theme-ui 的 sx 道具中看到的相同标准。

在我开始的研究中,我发现 Dotan Nahum 的这篇文章非常有帮助: https://medium.com/@jondot/4-new-theme-based-react-ui-toolkits-and-why-its-going-to-change-how-you-think-72d276b1f6de.

编码愉快!

【讨论】:

以上是关于与 Theme-UI 集成的组件库的主要内容,如果未能解决你的问题,请参考以下文章

集成使用 @vue/composition-api 的组件库的运行时错误:'您必须在“setup()”方法中使用此函数'

微信小程序集成WeUI组件库

Vue.js项目集成ElementUI

React 组件库框架搭建

前端组件库

yunUI组件库解析:图片上传与排序组件yImgPro