17 lines
318 B
Vue
17 lines
318 B
Vue
<script lang="ts" setup>
|
|
defineProps<{
|
|
active: boolean
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<span
|
|
class="tag rounded" p="x-2"
|
|
border="~ red-200 dark:red-800"
|
|
:bg="active ? 'red-500 opacity-90' : 'red-300 opacity-20'"
|
|
:text="active ? 'red-100' : 'red-800 dark:red-200'"
|
|
>
|
|
<slot />
|
|
</span>
|
|
</template>
|