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会自动缩放的 |