快速搭建美观的 React 应用。由抖音前端与 UED 团队维护。 https://semi.design/

DaiQiangReal 123463703b chore: change process.env name 3 năm trước cách đây
.codesandbox bf853a8bda feat(icon): add double_chevron_left,double_chevron_right icons #260 (#341) 3 năm trước cách đây
.github 45e93c3e65 chore: pr template allows set to skip changelog (#503) 3 năm trước cách đây
.storybook 22fb63879e chore: storybook add configProvider decorator 3 năm trước cách đây
.vscode f76bd5879d feat: init 4 năm trước cách đây
content 0e0b8cea04 chore: layout notification docs new line 3 năm trước cách đây
cypress 1cbb143ddf test(datepicker): update e2e test case 3 năm trước cách đây
packages dd0fd5bcb8 fix: avoid forceUpdate call when batchUpdate by formApi.setValue/setError/setTouched (#517) 3 năm trước cách đây
plugins f76bd5879d feat: init 4 năm trước cách đây
scripts ef2531c8be Fix strict ts (#314) 3 năm trước cách đây
search d59d36cb7c docs: update semantization (#121) 4 năm trước cách đây
src 317b4b8cff Merge branch 'processENV' into feat-isomorphic 3 năm trước cách đây
static ce4610bbb1 fix: try cdn 3 năm trước cách đây
test f2b174f54e docs: update umd script usage 3 năm trước cách đây
.commitlintrc.js f76bd5879d feat: init 4 năm trước cách đây
.eslintignore f76bd5879d feat: init 4 năm trước cách đây
.eslintrc.js fb91638513 chore(ci): lighthouse (#380) 3 năm trước cách đây
.gitattributes 8337c6d90a Update .gitattributes 3 năm trước cách đây
.gitignore ccc79b780e test: cypress init (#466) 3 năm trước cách đây
.lighthouserc.js fb91638513 chore(ci): lighthouse (#380) 3 năm trước cách đây
.prettierrc.js f76bd5879d feat: init 4 năm trước cách đây
.stylelintrc.js f76bd5879d feat: init 4 năm trước cách đây
CODE_OF_CONDUCT.md 0e46959d60 Create CODE_OF_CONDUCT.md 4 năm trước cách đây
CONTRIBUTING-en-US.md 110db20637 docs: update CONTRIBUTING.md 3 năm trước cách đây
CONTRIBUTING.md d7e8271733 docs: update CONTRIBUTING.md 3 năm trước cách đây
LICENSE 15deb4dd41 Update LICENSE 4 năm trước cách đây
README-zh_CN.md 7507058b42 docs(readme): add cypress badge (#468) 3 năm trước cách đây
README.md 7507058b42 docs(readme): add cypress badge (#468) 3 năm trước cách đây
babel.config.js f76bd5879d feat: init 4 năm trước cách đây
cypress.json ccc79b780e test: cypress init (#466) 3 năm trước cách đây
favicon.ico f76bd5879d feat: init 4 năm trước cách đây
gatsby-browser.js f76bd5879d feat: init 4 năm trước cách đây
gatsby-config.js 598c5b0a71 fix: remove gatsby-remark-unwrap plugin 3 năm trước cách đây
gatsby-node.js 123463703b chore: change process.env name 3 năm trước cách đây
gatsby-ssr.js f76bd5879d feat: init 4 năm trước cách đây
jest.config.js f76bd5879d feat: init 4 năm trước cách đây
lerna.json de84e4f81b v2.2.2 3 năm trước cách đây
package.json f130d459d8 feat: header bundle 3 năm trước cách đây
tsconfig.eslint.json f76bd5879d feat: init 4 năm trước cách đây
tsconfig.json ef2531c8be Fix strict ts (#314) 3 năm trước cách đây
yarn.lock 22fb63879e chore: storybook add configProvider decorator 3 năm trước cách đây

README-zh_CN.md

Semi-UI

现代、全面、灵活的设计系统和 UI 库。 快速搭建美观的 React 应用。

[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-url] [![BUILD-JS][build-js-badge]][build-js-url] [![BUILD-CSS][build-css-badge]][build-css-url] [![CODECOV][codecov-badge]][codecov-url] [![Chromatic][chromatic-badge]][chromatic-url] [![Cypress][cypress-badge]][cypress-url]

简体中文 | English

🎉 特性

  • 💪 58+高质量组件
  • 💅 强大的主题定制,多达两千多个 Design Token,深入定制每一处细节
  • 🌍 国际化支持 14 种语言
  • 👏 使用 TypeScript,良好的类型定义
  • 🥳 支持 SSR

🔥 安装

# 使用 npm
npm install @douyinfe/semi-ui

# 使用 yarn
yarn add @douyinfe/semi-ui

👍 使用

这是一个快速开始的例子:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button, Switch } from '@douyinfe/semi-ui';

const App = () => (
  <>
    <Button type='primary'>primary button</Button>
    <Switch size='large' />
  </>
);

ReactDOM.render(<App />, document.querySelector('#app'));

Semi UI 官网 拥有上千个支持实时调试的例子,欢迎体验使用。

📌 文档

👌 平台支持

Semi UI 支持所有主流浏览器。

|chrome
chrome|firefox
firefox|safari
safari|IE/Edge
IE/Edge|electron
Electron| |--|--|--|--|--| | latest 2 versions | latest 2 versions | latest 2 versions | Edge | latest 2 versions |

👐 贡献指南

阅读贡献指南了解我们的开发流程,包括开发规范、测试规范和构建规范等。

CONTRIBUTING

👨‍👨‍👧‍👦 交流群

有任何问题可以进群交流,我们会及时给予解答和反馈。

加入用户群.

💖 Thanks

Chromatic

感谢 Chromatic 提供可视化测试平台,帮助我们审查 UI 更改和提供视觉回归测试。

Cypress

感谢 Cypress 提供 E2E 测试。

🎈 协议

Semi UI 使用 MIT 协议