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

时间:2017-04-28 13:01:33

标签: semantic-ui-react

传统语义用户界面上有theming的详细说明,但语义用户界面反应网站缺少等效部分。这是否意味着它不支持主题,或者您是否可以使用传统的语义UI方法来主题化?

我知道React世界中的一些人主张不使用CSS,而是以编程方式将样式设计为组件设计的一部分。什么是语义UI反应哲学?

2 个答案:

答案 0 :(得分:8)

主题部分是"缺失"在反应语义ui文档中,但那是故意的。

这就是我做的方式:

  

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

     

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

$ npm install semantic-ui --save-dev
     

在与Gulp建立项目后,您需要包含该项目   index.js文件中的缩小CSS文件:

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

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

已经有不同的ui框架,并且有更多的反应和#34;做法。恕我直言,语义ui(反应)所做的是迄今为止最好的真实解决方案......

答案 1 :(得分:0)

问题之一是“我们应该在哪里将语义UI放入项目中?”并且您应该输入src / semantic来覆盖默认值。