状态

安装

npm install @cypress-design/vue-statusicon

或者用纱线

yarn add @cypress-design/vue-statusicon

使用量

import { StatusIcon } from '@cypress-design/vue-statusicon'

使用 StateIcon 组件的简单方式

<script setup>
import { StatusIcon } from '@cypress-design/vue-statusicon'
</script>

<template>
  <StatusIcon size="16" status="failed" variant="solid" />
</template>

树可摇动方式( 更优化)

<script setup>
import { SolidStatusIcon } from '@cypress-design/vue-statusicon'
</script>

<template>
  <SolidStatusIcon size="16" status="failed" />
</template>