图标
使用图标组件将 Font Awesome、Lucide、Tabler 或自定义来源的图标添加到文档页面,支持尺寸和颜色选项。
使用来自 Font Awesome、Lucide、Tabler、SVG、外部 URL 或项目文件的图标,丰富你的文档。
<Icon icon="flag" size={32} />自定义图像图标
使用 src 属性将自定义图像显示为图标。该图像可以是项目中的文件,也可以是外部托管的 URL。
<Icon src="/images/my-icon.svg" />
<Icon src="https://example.com/icon.png" />当在句子、段落或标题中使用时,图标会以内联形式呈现。 你可以将图标用于装饰,或用于强化视觉重点。
图标在句子、段落或标题中使用时会内联显示。<Icon icon="flag" iconType="solid" /> 使用图标可以起到装饰作用或增强视觉效果。必须提供 icon 或 src 之一。
iconstringsrcstring用作图标的图像的路径或 URL。当你希望使用自定义图像而不是图标库中的图标时,请使用 src 代替 icon。
可选值:
- 项目中图像文件的路径(例如,
/images/my-icon.svg) - 外部托管图像的 URL(例如,
https://example.com/icon.png)
iconTypestringFont Awesome 的图标样式。仅在使用 Font Awesome 图标时有效。
可选值:regular、solid、light、thin、sharp-solid、duotone、brands。
colorstringicon 的颜色,使用十六进制色值(例如 #FF5733)。
sizenumbericon 的尺寸(像素)。
classNamestring应用于 icon 的自定义 CSS 类名。
Was this page helpful?Suggest editsRaise issue