抖音系企业应用设计系统 Semi Design React UI组件库

文章目录 显示

介绍

Semi Design 是一个设计系统，它定义了一套中后台设计与前端基础组件，帮助我们更容易地创造更加一致的用户体验。

特性

? 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'));

官网地址：https://semi.design/

开源地址：https://github.com/DouyinFE/semi-design

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。