抖音开源Semi Design产品设计系统
原创2021-10-27 00:06·web前端进阶今天给大家分享一个最新抖音开源的全面、易用、优质的企业级产品设计SemiDesign。
semi-design 字节跳动抖音前端与UED团队推出的包含设计语言、React 组件、主题等开箱即用的中后台解决方案,帮助设计师与开发者打造高质量产品。
安装
# 使用 npm
npm i @douyinfe/semi-ui
# 使用 yarn
yarn add @douyinfe/semi-ui
引入使用
import React, { Component } from 'react';
import { Button, Toast } from '@douyinfe/semi-ui';
class Demo extends React.Component {
constructor() {
super();
}
render() {
return <Button onClick={() => Toast.warning({ content: 'Semi' })}>Hello Semi</Button>;
}
}
拥有超过40+组件,非常不错的一款设计系统库。star高达1.6K+。
# 官网地址
https://semi.design/zh-CN/
# 仓库地址
https://github.com/DouyinFE/semi-design
好了,今天就分享到这里。感兴趣的话,可以去看看哈!