组件
概述
主题提供了一些具有通用性的组件,可以在任何地方使用。
<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 -