i-status-dot.vue

状态点显示

Usage no npm install needed!

<script type="module">
  import iStatusDotVue from 'https://cdn.skypack.dev/i-status-dot.vue';
</script>

README

IStatusDot 状态点

显示状态

示例

基本用法

<i-status-dot color="success">成功</i-status-dot>

<i-status-dot color="error">失败</i-status-dot>

<i-status-dot color="warn">异常</i-status-dot>

<i-status-dot color="warn" hover>异常</i-status-dot>

API

Props/Attrs

Prop/Attr Type Options Default Description
color string 颜色状态（success、process、warn、error）
hover boolean false 是否需要 hover 状态

Slots

(default)

插入文本或 HTML。