如何在 Semantic UI React 中使用 Semantic UI 的主题?
How to use Semantic UI's theming in Semantic UI React?
在传统语义 UI 上有关于 theming 的详细说明,但语义 UI React 站点缺少等效部分。这是否意味着它不支持主题化,或者您可以使用传统的语义 UI 方法进行主题化吗?
我知道 React 世界中的一些人提倡不要使用 CSS,而是将以编程方式设置样式作为组件设计的一部分。什么是语义 UI React 哲学?
主题部分是 "missing" 在反应语义 ui 文档中,但那是故意的。
我就是这样做的:
Install the full Semantic UI package. Semantic UI includes Gulp build
tools so your project can preserve its own theme changes, allowing you
to customise the style variables.
Detailed documentation on theming in Semantic UI is provided here.
$ npm install semantic-ui --save-dev
After building the project with Gulp, you'll need to include the
minified CSS file in your index.js file:
import '../semantic/dist/semantic.min.css';
通过:https://react.semantic-ui.com/usage#semantic-ui-package
已经有不同的 ui 框架采用了更 "react" 的方法。恕我直言,语义 ui(反应)所做的是迄今为止最好的实时解决方案......
其中一个问题是 "Where should we put Semantic UI inside your project?",您应该输入 src/semantic 以覆盖默认值。
在传统语义 UI 上有关于 theming 的详细说明,但语义 UI React 站点缺少等效部分。这是否意味着它不支持主题化,或者您可以使用传统的语义 UI 方法进行主题化吗?
我知道 React 世界中的一些人提倡不要使用 CSS,而是将以编程方式设置样式作为组件设计的一部分。什么是语义 UI React 哲学?
主题部分是 "missing" 在反应语义 ui 文档中,但那是故意的。
我就是这样做的:
Install the full Semantic UI package. Semantic UI includes Gulp build tools so your project can preserve its own theme changes, allowing you to customise the style variables.
Detailed documentation on theming in Semantic UI is provided here.
$ npm install semantic-ui --save-dev
After building the project with Gulp, you'll need to include the minified CSS file in your index.js file:
import '../semantic/dist/semantic.min.css';
通过:https://react.semantic-ui.com/usage#semantic-ui-package
已经有不同的 ui 框架采用了更 "react" 的方法。恕我直言,语义 ui(反应)所做的是迄今为止最好的实时解决方案......
其中一个问题是 "Where should we put Semantic UI inside your project?",您应该输入 src/semantic 以覆盖默认值。