图标 - Apifox Markdown 语法

目前已支持直接使用以下图标：Material Design Icons (MDI)、Remix Icon、Lucide Icons。

示例效果

代码：

<Icon icon="material-two-tone-storefront"/>

文字中间插入了一个图标

文字中间插入了一个 <Icon icon="material-two-tone-storefront"/> 图标

示例效果

代码：

<Icon icon="material-two-tone-storefront" color="blue"/>

示例效果

代码：

<Icon icon="material-two-tone-storefront" size={25}/>

折叠块、折叠组、卡片、卡片组、步骤、告示、高亮块等组件都支持使用图标，大多数组件都通过添加参数icon="material-two-tone-storefront"方式使用图标。

示例效果

带图标卡片

这里是卡片内容

代码：

<Card title="带图标卡片" icon="material-two-tone-storefront" > 
这里是卡片内容
</Card>

Icon

icon

string

必需

icon 支持渲染的名称[iconSetName]-[IconSetVariant]-[IconName] - url，以 http:// 或者 https:// 开头

color

string

可选

非 url 的图标才生效,支持以下预设颜色会跟随主题变化(pink , blue , purple , cyan , green , magenta , red , orange , yellow , volcano , geekblue , lime , gold , primary)

size

number

图标的大小

可选