Built-in Components

@vuepress/theme-default

Badge badge

type'tip' | 'warning' | 'danger' | 'important' | 'info' | 'note'
Default'tip'

The type of the badge.

textstring
Default''

The text of the badge.

vertical'top' | 'middle' | 'bottom'
Defaultundefined

The vertical align of the badge.

  • VuePress - v2
  • VuePress - v2
  • VuePress - v2
  • VuePress - v2
  • VuePress - v2
  • VuePress - v2
Demo
- VuePress - <Badge type="tip" text="v2" vertical="top" />
- VuePress - <Badge type="warning" text="v2" vertical="middle" />
- VuePress - <Badge type="danger" text="v2" vertical="bottom" />
- VuePress - <Badge type="important" text="v2" vertical="middle" />
- VuePress - <Badge type="info" text="v2" vertical="middle" />
- VuePress - <Badge type="note" text="v2" vertical="middle" />