Version:

Install ​

shell
npm i @mate-vue/badge@

Import ​

vue
<script setup>
import { MateBadge } from '@mate-vue/badge';
</script>

Variants ​

Default ​

vue
<template>
  <MateBadge>Default</MateBadge>
</template>

Neutral ​

vue
<template>
  <MateBadge theme="neutral">Neutral</MateBadge>
</template>

Warning ​

vue
<template>
  <MateBadge theme="warning">Warning</MateBadge>
</template>

Danger ​

vue
<template>
  <MateBadge theme="danger">Danger</MateBadge>
</template>

Success ​

vue
<template>
  <MateBadge theme="success">Success</MateBadge>
</template>

No Border ​

vue
<template>
  <MateBadge theme="no-border">No Border</MateBadge>
</template>