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

chenyuling f7fb08f373 fix: [ButtonGroup] error when buttonGroup children is invalid element #318		пре 3 година
.github	91be067d0a test(chromatic): init release template	пре 3 година
.storybook	f76bd5879d feat: init	пре 4 година
.vscode	f76bd5879d feat: init	пре 4 година
content	9e4998633a fix: [Select] Add key to the content returned by renderSelectedItem #320 (#326)	пре 3 година
packages	f7fb08f373 fix: [ButtonGroup] error when buttonGroup children is invalid element #318	пре 3 година
plugins	f76bd5879d feat: init	пре 4 година
scripts	ef2531c8be Fix strict ts (#314)	пре 3 година
search	d59d36cb7c docs: update semantization (#121)	пре 4 година
src	3fb74d8036 docs(SideNav): use `a` tag for navigation (#230)	пре 4 година
static	f76bd5879d feat: init	пре 4 година
test	3867f9a84f Test update (#114)	пре 4 година
.commitlintrc.js	f76bd5879d feat: init	пре 4 година
.eslintignore	f76bd5879d feat: init	пре 4 година
.eslintrc.js	ef2531c8be Fix strict ts (#314)	пре 3 година
.gitignore	f76bd5879d feat: init	пре 4 година
.prettierrc.js	f76bd5879d feat: init	пре 4 година
.stylelintrc.js	f76bd5879d feat: init	пре 4 година
CODE_OF_CONDUCT.md	0e46959d60 Create CODE_OF_CONDUCT.md	пре 4 година
CONTRIBUTING-en-US.md	ffa657eebc chore: remove unnecessary space (#224)	пре 4 година
CONTRIBUTING.md	6903871d9b docs: update CONTRIBUTING	пре 4 година
LICENSE	15deb4dd41 Update LICENSE	пре 4 година
README-zh_CN.md	6995204ce4 Test chromatic (#269)	пре 4 година
README.md	6995204ce4 Test chromatic (#269)	пре 4 година
babel.config.js	f76bd5879d feat: init	пре 4 година
favicon.ico	f76bd5879d feat: init	пре 4 година
gatsby-browser.js	f76bd5879d feat: init	пре 4 година
gatsby-config.js	f76bd5879d feat: init	пре 4 година
gatsby-node.js	d08dba9619 docs(darkmode): add demo and Timeline content add color scss variable (#313)	пре 3 година
gatsby-ssr.js	f76bd5879d feat: init	пре 4 година
jest.config.js	f76bd5879d feat: init	пре 4 година
lerna.json	e0c6552e86 v2.1.0-beta.3	пре 3 година
package.json	6271ca78b4 chore: use eslint to fix staged lint error (#295)	пре 4 година
tsconfig.eslint.json	f76bd5879d feat: init	пре 4 година
tsconfig.json	ef2531c8be Fix strict ts (#314)	пре 3 година

Semi-UI

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

[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-url] [![CODECOV][codecov-badge]][codecov-url] [![Chromatic][chromatic-badge]][chromatic-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 官网拥有上千个支持实时调试的例子，欢迎体验使用。