StatusIcon

Install

npm install @cypress-design/vue-statusicon

or with yarn

yarn add @cypress-design/vue-statusicon

Usage

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

The simple way of using the StatusIcon component

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

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

The tree-shakable way (more optimized)

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

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