Badge

GitHub
在内容中显示版本号、状态标签和标记。

用法

badge 组件的默认插槽中使用 Markdown 来显示内容中的 徽章

v4.0.0
::badge
**v4.0.0**
::

API

插槽

插槽类型
default

{}

主题

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'
          }
        }
      }
    })
  ]
})

更新日志

a0963— feat!: 重命名 ButtonGroup (#4596)

5cb65— 特性:导入 @nuxt/ui-pro 组件

894e8— feat: 添加 square prop (#4008)

f244d— fix: 正确处理标签中的零值 (#4108)

e6e51— fix:class 应该优先于 ui 属性

39c86— fix:@nuxt/module-builder 升级后重构类型(#3855)