0
点赞
收藏
分享

微信扫一扫

Web实验总

杏花疏影1 2023-11-11 阅读 44
前端

文章目录

前言

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

在这里插入图片描述

设计稿转代码

设计稿传代码

后言

举报

相关推荐

0 条评论