Components
Badge
Draw attention to important information.
Usage
20
<template>
<NXW-Badge top right>
<NXW-Button />
<template #badge-content>20</template>
</NXW-Badge>
</template>
Props
border
boolean
Default
true
bottom
boolean
Default
false
color
object
Default
<template>
<NXW-Badge
:color="{
bg: 'bg-red-500 dark:bg-red-500',
border: 'border-white dark:border-zinc-900',
text: 'text-white dark:text-white',
}"
/>
</template>
height
string
Default
min-h-[24px]
left
boolean
Default
false
right
boolean
Default
true
text
string
Default
text-xs font-bold
top
boolean
Default
true
width
string
Default
min-w-[24px]