抖音系企业应用设计系统 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

  1. 本站所有资源均来自互联网,本站不参与制作,用于互联网爱好者学习和研究,如不慎侵犯,请及时联系站长处理
  2. 本站资源仅供研究,学习交流之用,若使用商业用途,请购买正版,否则产生的一切后果将由用户自行承担

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

发表评论

提供最优质的资源集合

立即查看 了解详情