# 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>
```