Vercel13.2K ·GitHub
Что это такое?
Официальная интеграция Semantic UI для React: библиотека готовых UI-компонентов, которые вы собираете в приложении на React. Она распространяется по лицензии MIT, у репозитория около 13 000 звёзд.
Официальная интеграция Semantic UI для React: библиотека готовых UI-компонентов, которые вы собираете в приложении на React. Она распространяется по лицензии MIT, у репозитория около 13 000 звёзд.Это библиотека компонентов или там есть и готовые стили?Только React-компоненты — это библиотека, а не фреймворк со стилями. Каждый компонент рендерит корректный HTML в разметке Semantic UI; CSS в комплект не входит.
Только React-компоненты — это библиотека, а не фреймворк со стилями. Каждый компонент рендерит корректный HTML в разметке Semantic UI; CSS в комплект не входит.Как добавить её в проект?Установите пакет semantic-ui-react из npm, затем обратитесь к официальной документации — там есть введение, описание использования и примеры.
Установите пакет semantic-ui-react из npm, затем обратитесь к официальной документации — там есть введение, описание использования и примеры.Нужно ли что-то ещё, чтобы компоненты выглядели правильно?Да — CSS-тема Semantic UI. Документация в разделе CSS Usage описывает варианты, включая сборку CSS с помощью Webpack или Meteor и создание отдельной собственной темы.
Да — CSS-тема Semantic UI. Документация в разделе CSS Usage описывает варианты, включая сборку CSS с помощью Webpack или Meteor и создание отдельной собственной темы.Там есть все компоненты, которые есть в Semantic UI?Пока не все. Цель — полное соответствие Semantic UI плюс несколько дополнений, и для каждого ещё отсутствующего компонента заведена отдельная задача с меткой 'new component'.
Пока не все. Цель — полное соответствие Semantic UI плюс несколько дополнений, и для каждого ещё отсутствующего компонента заведена отдельная задача с меткой 'new component'.Кто использует её в продакшене?Команда Edge Developer Experience в Netflix использует её во множестве внутренних приложений и в Flamescope, Amazon Publishing создала с ней APub.com, а Microsoft применяла её для прототипирования Teams.
Команда Edge Developer Experience в Netflix использует её во множестве внутренних приложений и в Flamescope, Amazon Publishing создала с ней APub.com, а Microsoft применяла её для прототипирования Teams.Каким принципам следует библиотека?Никаких зависимостей для анимации, простые декларативные API компонентов вместо хрупкой HTML-разметки, полная поддержка клавиатуры и доступности, полная поддержка определений Semantic UI — и всё это документировано и покрыто тестами.
Никаких зависимостей для анимации, простые декларативные API компонентов вместо хрупкой HTML-разметки, полная поддержка клавиатуры и доступности, полная поддержка определений Semantic UI — и всё это документировано и покрыто тестами.Можно ли использовать свои иконки вместо встроенного набора?Да — используйте рендер вместо ; в FAQ есть ссылки на подробную информацию и примеры.
Да — используйте рендер вместо ; в FAQ есть ссылки на подробную информацию и примеры.What are similar projects?fluentui, arc-library, chakra-ui, bootstrap-vue, base-ui, reactstrap, headlessui, react-slick
fluentui, arc-library, chakra-ui, bootstrap-vue, base-ui, reactstrap, headlessui, react-slickWhich topics is it in?react-components, icons, components, frontend-framework, ui-library, accessibility, component-library, javascript-library, ui-components, css, ui, web-development
react-components, icons, components, frontend-framework, ui-library, accessibility, component-library, javascript-library, ui-components, css, ui, web-development