Badge
Display a short text to represent a status or a category.
Component typeNuxtUI/Badge
Design Systems
Badge
Badge
Badge
Config Settings
Enter text to change the text in the button.
Change background color of the Badge.
default: primary
Change the visual style of the Badge.
NuxtUi value: solid (default), outline, soft, subtle
Custom: color-white, black-color
Change the size of the Badge. The unit is px
default: 24
To customize the border radius of the Badge, you can use the ui prop.
:ui="{ rounded: 'rounded-full' }"