4.x 版本基于 tntd2.x

安装

npm i @tntd/status

props 参数：

| 参数 | 类型 | 默认值 | 是否必填 | 说明 | | :--------: | :---------: | :----: | :------: | :-------: | | type | function(e) | ring | 非必填 | 样式类型 | | iconPrefix | ReactNode | - | 非必填 | 前置 icon | | text | string | - | 必填 | 文字 |

示例

import { useState } from "react";
import Status from "../src/index";
import ReactDOM from "react-dom";
import { Select, Tooltip } from "antd";
import img from "./img";
const Option = Select.Option;

const Demo = (props) => {
  return (
    <div>
      <div>
        <Status text={`待发布`} color="#126BFB" type="dot" />
      </div>
      <div>
        <Status text={`发布`} iconPrefix={<img src={img}></img>} />
      </div>
      <div>
        <Status text={`执行失败：${300}`} color="#EF6555" type="ring" />
      </div>
    </div>
  );
};

ReactDOM.render(<Demo />, document.getElementById("app"));