AK Status

1<script setup lang="ts">
2import type { AkTagVariant } from './types'
3 
4import '@yunyoujun/ak-ui'
5 
6withDefaults(defineProps<{
7  variant?: AkTagVariant
8}>(), {
9  variant: 'default',
10})
11</script>
12 
13<template>
14  <span
15    data-slot="ak-tag"
16    :data-variant="variant"
17    :class="[
18      'ak-tag',
19      variant !== 'default' && `ak-tag--${variant}`,
20    ]"
21  >
22    <slot />
23  </span>
24</template>