@teamix/svg NPM

Teamix SVG

@teamix/svg

TeamixUI SVG 插画库

使用方法

import SVG from '@teamix/svg';
const { Unavalible, Status404 } = SVG;
return (
  <>
    <Unavalible />
    <Status404 width='100%' height='100%' /> // 支持传width、height属性
  </>
)

插画列表

<NoData /> => 数据为空
<NoNetwork> => 无网络
<NoSearch> => 搜索为空
<Status404> => 404
<Status500> => 500
<Unavailable> => 业务不可用
<BrowserError /> => 浏览器不兼容
<ServerError /> => 服务器错误
<Import /> => 导入数据
<CreateSuccess /> => 创建成功
<CreateError /> => 创建失败

后缀Dark为暗色，后缀Animate为动图。列如<CreateErrorDark />或<CreateErrorDarkAnimate />。

API

参数名	说明	必填	类型	默认值	备注
width	宽度	No	string/number	-	高度宽度设置一个值就好，svg会自动缩放的
height	高度	No	string/number	-	高度宽度设置一个值就好，svg会自动缩放的