cnd-components-mcp/componentData/components/CndStatus.md

An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务，包含系统提示词、组件文档、API 文档、代码示例和更新日志查询

---
group:
  title: 云原生业务组件
---

# CndStatus 运行状态组件

## 代码库地址
https://code.alibaba-inc.com/cn-lowcode/cnd-status

## 基本使用

```tsx preview
import React from "react";

import { CndStatus } from "@ali/cnd";

const Demo = () => {
  return (
    <div>
      <CndStatus />
      <CndStatus type='info' label='信息' />
      <CndStatus type='success' label='运行中' />
      <CndStatus type='warning' label='欠费停服中' />
      <CndStatus type='error' label='创建失败1' />
      <CndStatus type='fail' label='创建失败2' />
      <CndStatus type='loading' label='创建中' />
      <CndStatus type='wait' label='待生效' />
      <CndStatus type='stop' label='运行停止' />
    </div>
  );
};

export default Demo;
```

## API

| 名称     | 类型                 | 说明                     | 默认值 |
| -------- | -------------------- | ------------------------ | ------ |
| type    | Enum["info", "success", "warning", "error", "fail", "loading", "wait", "stop"]       | 指定状态图标，支持    | "success"      |
| label | string               | 状态文本                 | 运行中      |