1.0.1 • Published 1 year ago

@tntd/status v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

4.x 版本基于 tntd2.x

安装

npm i @tntd/status

props 参数:

参数类型默认值是否必填说明
typefunction(e)ring非必填样式类型
iconPrefixReactNode-非必填前置 icon
textstring-必填文字

示例

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"));