Как использовать тематику семантического пользовательского интерфейса в Semantic UI React?

есть подробные инструкции по темы на традиционном семантическом пользовательском интерфейсе, но эквивалентный раздел отсутствует на сайте Semantic UI React. Означает ли это, что он не поддерживает тематизацию или вы можете использовать подход традиционного семантического пользовательского интерфейса к тематизации?

Я знаю, что некоторые люди в мире React выступают за то, чтобы не использовать CSS, а вместо этого программно стилизовать вас как часть вашего дизайна компонентов. Что такое семантический UI React философия на этот счет?

7
semantic-ui-react

2 ответов

часть темы "отсутствует" в документах React semantic ui, но это специально.

вот как я сделал это:

установите полный пакет семантического пользовательского интерфейса. Семантический интерфейс включает сборку Gulp инструменты, чтобы ваш проект мог сохранить свои собственные изменения темы, позволяя вам чтобы настроить переменные стиля.

подробная документация по тематизации в семантическом интерфейсе приведена здесь.

$ npm install semantic-ui --save-dev

после построения проекта с Gulp, вам нужно будет включить уменьшенный файл CSS в вашем индексе.файл js:

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

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

уже существуют различные ui-фреймворки с более" реактивным " подходом. IMHO то, что делает semantic ui (react), является лучшим реальным решением до сих пор...

7

один из вопросов: "где мы должны поместить семантический интерфейс внутри вашего проекта?"и вы должны поставить src / semantic, который перезаписывает значение по умолчанию.

0