如何在语义UI React中使用语义UI的主题?

拉里·马卡龙(Larry Macarone)

在传统的语义UI上有关于主题化的详细说明,但是语义UI React站点缺少等效部分。这是否意味着它不支持主题化,或者您是否可以使用传统的语义UI的主题化方法?

我知道React世界中的一些人主张不要使用CSS,而应该在您的组件设计中以编程方式进行样式设计。语义UI React的哲学是什么?

主题部分在react语义ui文档中“缺失”,但是那是故意的。

那就是我做到的方式:

安装完整的语义UI软件包。语义UI包括Gulp构建工具,因此您的项目可以保留自己的主题更改,从而允许您自定义样式变量。

此处提供了有关语义UI主题的详细文档。

$ npm install semantic-ui --save-dev

使用Gulp构建项目后,您需要在index.js文件中包含缩小的CSS文件:

import '../semantic/dist/semantic.min.css';

通过:https : //react.semantic-ui.com/usage#semantic-ui-package

已经存在具有更多“反应”方法的不同ui框架。恕我直言,语义ui(反应)的作用是迄今为止最好的实时解决方案。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章