Semi-UI
现代、全面、灵活的设计系统和 UI 库。 快速搭建美观的 React 应用。
快速搭建美观的 React 应用。由抖音前端与 UED 团队维护。 https://semi.design/
代强
cd83cd2d84
Merge pull request #1051 from fumidesign/css-animation
|
3 năm trước cách đây | |
|---|---|---|
| .codesandbox | 3 năm trước cách đây | |
| .github | 3 năm trước cách đây | |
| .storybook | 3 năm trước cách đây | |
| .vscode | 3 năm trước cách đây | |
| content | 3 năm trước cách đây | |
| cypress | 3 năm trước cách đây | |
| packages | 3 năm trước cách đây | |
| plugins | 4 năm trước cách đây | |
| scripts | 3 năm trước cách đây | |
| search | 3 năm trước cách đây | |
| src | 3 năm trước cách đây | |
| static | 3 năm trước cách đây | |
| test | 3 năm trước cách đây | |
| .commitlintrc.js | 4 năm trước cách đây | |
| .eslintignore | 4 năm trước cách đây | |
| .eslintrc.js | 3 năm trước cách đây | |
| .gitattributes | 3 năm trước cách đây | |
| .gitignore | 3 năm trước cách đây | |
| .lighthouserc.js | 3 năm trước cách đây | |
| .npmrc | 3 năm trước cách đây | |
| .prettierrc.js | 4 năm trước cách đây | |
| .stylelintrc.js | 4 năm trước cách đây | |
| CODE_OF_CONDUCT.md | 4 năm trước cách đây | |
| CONTRIBUTING-en-US.md | 3 năm trước cách đây | |
| CONTRIBUTING.md | 3 năm trước cách đây | |
| LICENSE | 4 năm trước cách đây | |
| README-zh_CN.md | 3 năm trước cách đây | |
| README.md | 3 năm trước cách đây | |
| babel.config.js | 4 năm trước cách đây | |
| cypress.json | 3 năm trước cách đây | |
| favicon.ico | 4 năm trước cách đây | |
| gatsby-browser.js | 4 năm trước cách đây | |
| gatsby-config.js | 3 năm trước cách đây | |
| gatsby-node.js | 3 năm trước cách đây | |
| gatsby-ssr.js | 4 năm trước cách đây | |
| jest.config.js | 3 năm trước cách đây | |
| lerna.json | 3 năm trước cách đây | |
| nyc.config.js | 3 năm trước cách đây | |
| package.json | 3 năm trước cách đây | |
| tsconfig.eslint.json | 4 năm trước cách đây | |
| tsconfig.json | 3 năm trước cách đây | |
| yarn.lock | 3 năm trước cách đây |
README-zh_CN.md
[![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|
firefox|
safari|
IE/Edge|
Electron|
|--|--|--|--|--|
| latest 2 versions | latest 2 versions | latest 2 versions | Edge | latest 2 versions |
👐 贡献指南
阅读贡献指南了解我们的开发流程，包括开发规范、测试规范和构建规范等。
👨👨👧👦 交流群
有任何问题可以进群交流，我们会及时给予解答和反馈。
加入用户群.
💖 Thanks
感谢 Chromatic 提供可视化测试平台，帮助我们审查 UI 更改和提供视觉回归测试。
感谢 Cypress 提供 E2E 测试。
🎈 协议
Semi UI 使用 MIT 协议