Built-in Components

@vuepress/theme-default

Badge badge

  • Props:

    • type
      • 类型： 'tip' | 'warning' | 'danger' | 'important' | 'info' | 'note'
      • Default: 'tip'
    • text
      • Type: string
      • Default: ''
    • vertical
      • Type: 'top' | 'middle' | 'bottom' | undefined
      • Default: undefined

  • Example:

Input

- 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" />

Output

  • VuePress - v2
  • VuePress - v2
  • VuePress - v2
  • VuePress - v2
  • VuePress - v2
  • VuePress - v2