介绍
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/