ProseBadge

サイトマップ
コンテンツ内にバージョン番号、ステータスラベル、タグを表示します。

使用法

badgeコンポーネントのデフォルトスロットでmarkdownを使用して、Badgeをコンテンツに表示します。

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

API

Props

Prop Default Type
ui
{ base?: any; }

スロット

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

Changelog

No recent changes

Accordion

Create expandable content sections for better information organization.

Callout

Highlight important information with eye-catching colored boxes and icons.