Semantic-UI-React README

The project's README from github.com/Semantic-Org/Semantic-UI-React. As one markdown file: README.md.

Semantic UI React

Gitter Circle Codecov David npm

Installation & Usage

See the Documentation for an introduction, usage information, and examples.

Built With

Example Projects

This is a listing of example projects and guides that will help you integrate Semantic UI React into your new or existing projects.

Show projects

semantic-ui-react-todos

Semantic UI React implementation of react-redux Todo List.

FAQ

Can I use custom Icons? Yes. Just use <Icon className='my-icon' /> instead of <Icon name='my-icon' />. See https://github.com/Semantic-Org/Semantic-UI-React/issues/931#issuecomment-263643210 for detailed info and examples.
How do I setup CSS?

There are several options. Refer to our doc on CSS Usage.

Can I use a custom CSS theme? Yes. Semantic UI React includes components that render valid Semantic UI HTML, no CSS is included. This allows you to load any Semantic UI CSS theme on top of your Semantic UI React app.

Here are some helpful links:

How Can I Help?

Voice Your Opinion

Help shape this library by weighing in on our RFC (request for comments) issues.

Contribute

Our CONTRIBUTING.md is a step-by-step setup and development guide.

Good First Issue

Issues labeled good first issue are a great way to ease into development on this project.

Missing Components

We're seeking component parity with Semantic UI, plus some addons. There is an issue for every missing component, labeled new component. Just comment on the issue you'd like to take.

Help Wanted Label

Any other issue labeled help wanted is ready for a PR.

Principles

Credit

Created by @levithomason and an amazing community of contributors.

Made possible only by @jlukic authoring Semantic UI.

Blazing deployments by Vercel.

Semantic-UI-React (Semantic-Org/Semantic-UI-React)

Searching Database…

13.2K ·GitHub
Semantic-UI-React
这是什么东西？这是 React 官方的 Semantic UI 集成库，提供一套现成的 UI 组件，可以在 React 应用中直接组合使用。它采用 MIT 许可证，仓库约有 13,000 颗星。
它是一个组件库，还是自带样式？只有 React 组件——它是一个库，不是带样式的框架。每个组件渲染的都是符合规范的 Semantic UI HTML，但不包含任何 CSS。
怎么把它加到项目里？从 npm 安装 semantic-ui-react 包，然后按照官方文档了解简介、用法和示例。
要让组件显示正常，还需要别的东西吗？需要——还差一个 Semantic UI 的 CSS 主题。CSS Usage 相关文档介绍了各种方案，包括用 Webpack 或 Meteor 构建 CSS，以及创建独立主题。
Semantic UI 的每个组件它都覆盖了吗？还没有全部覆盖。目标是与 Semantic UI 完全对齐并额外提供一些扩展组件，每个尚未实现的组件都有单独跟踪的 issue，带有 'new component' 标签。
有哪些公司在生产环境中用它？Netflix 的 Edge Developer Experience 团队在很多内部应用以及 Flamescope 中使用它，Amazon Publishing 用它开发了 APub.com，微软也曾用它做过 Teams 的原型。
这个库坚持哪些原则？不依赖动画库，用简洁的声明式组件 API 取代脆弱的 HTML 标记，提供完整的键盘支持和无障碍支持，全面支持 Semantic UI 的定义——而且所有内容都有文档和测试。
我可以用自定义图标代替内置图标吗？可以——用自定义组件代替内置的 Icon 组件来渲染即可；FAQ 里有详细的说明和示例链接。
What are similar projects?fluentui, arc-library, chakra-ui, bootstrap-vue, base-ui, reactstrap, headlessui, react-slick
Which topics is it in?react-components, icons, components, frontend-framework, ui-library, accessibility, component-library, javascript-library, ui-components, css, ui, web-development
Creator
Semantic-Org
Size
201.2 MB
Stars
13.2K
Updated
CommitNov 22Releasev3.0.0-beta.2Dec 30
Age
11y
Commits · 90 Days