图标

可以选择是否包含 label 来为屏幕阅读器提供上下文。

自定义图标size 和 color 属性可使用 CSS 单位和颜色值来调整图标的外观。 class 属性可用于向图标添加自定义 CSS 类。

提示

import { Icon } from '@astrojs/starlight/components';

<Icon name="star" />

可以选择是否包含 label 来为屏幕阅读器提供上下文。
<Icon name="starlight" label="Starlight 的 logo" />

自定义图标size 和 color 属性可使用 CSS 单位和颜色值来调整图标的外观。 class 属性可用于向图标添加自定义 CSS 类。
<Icon name="star" color="goldenrod" size="2rem" />
<Icon name="rocket" color="var(--sl-color-text-accent)" />