Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | 1x 1x 1x 1x | <script setup lang="ts">
defineProps<{
variant?: 'green' | 'red' | 'gray' | 'blue' | 'purple' | 'yellow'
}>()
</script>
<template>
<span
:class="[
'inline-flex items-center px-3 py-1 rounded-full text-xs font-medium',
variant === 'green'
? 'bg-green-100 text-green-700'
: variant === 'red'
? 'bg-red-100 text-red-700'
: variant === 'blue'
? 'bg-blue-100 text-blue-700'
: variant === 'purple'
? 'bg-purple-100 text-purple-700'
: variant === 'yellow'
? 'bg-yellow-100 text-yellow-700'
: 'bg-gray-100 text-gray-700'
]"
>
<slot />
</span>
</template>
|