此页内容

约 228 字小于 1 分钟

2023-12-23

<Badge /> badge

Props

  • type
    • 类型: 'info' | 'tip' | 'warning' | 'danger'
    • 默认值:'tip'
  • text
    • 类型:string
    • 默认值:''

输入:

- VuePress - <Badge type="info" text="v2" />
- VuePress - <Badge type="tip" text="v2" />
- VuePress - <Badge type="warning" text="v2" />
- VuePress - <Badge type="danger" text="v2" />

输出:

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

<Iconify />

支持 iconify 所有图标,支持通过 icon name 加载图标,可在 iconify search 搜索图标使用。

Props

  • name
    • 类型:string
    • 默认值:''
  • color
    • 类型:string
    • 默认值:'currentColor'
  • size
    • 类型:string
    • 默认值:'1em'

输入:

- home - <Iconify name="material-symbols:home" color="currentColor" size="1em" />
- vscode - <Iconify name="skill-icons:vscode-dark" size="2em" />
- twitter - <Iconify name="skill-icons:twitter" size="2em" />

输出:

  • home -
  • vscode -
  • twitter -