Badge
Display version numbers, status labels, and tags within your content.
Usage
Use markdown in the default slot of the badge component to display a Badge in your content.
v4.0.0
::badge
**v4.0.0**
::
API
Slots
| Slot | Type |
|---|---|
default | {} |
Theme
app.config.ts
export default defineAppConfig({
ui: {
prose: {
badge: {
base: 'rounded-full'
}
}
}
})
vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
prose: {
badge: {
base: 'rounded-full'
}
}
}
})
]
})