文章目录
前言
semi.design是什么?
semi.design官网
官网是这样说的:
怎么使用?
安装
# 使用 npm
npm i @douyinfe/semi-ui
# 使用 yarn
yarn add @douyinfe/semi-ui
# 使用 pnpm
pnpm add @douyinfe/semi-ui
直接使用
import { Button,Toast } from '@douyinfe/semi-ui';
const View = ()=>{
return(
<div className="about">
<p>
<Button onClick={() => Toast.warning({ content: 'welcome' })}>Hello Semi</Button>
</p>
</div>
)
}
export default View
设计稿转代码
设计稿传代码