跳转到内容
Starlight
Filters

    图标参考

    Starlight 提供了一组内置图标，你可以使用 <Icon> 组件在内容中显示这些图标。

    使用图标

    Section titled “使用图标”

    可以使用 <Icon> 组件来显示图标。 图标也常用于其他组件，例如 卡片 或 hero actions 等设置。

    StarlightIcon 类型

    Section titled “StarlightIcon 类型”

    使用 StarlightIcon TypeScript 类型来引用 Starlight 的内置图标的名称。

    src/icon.ts
    import type { StarlightIcon } from '@astrojs/starlight/types';
    

    function getIconLabel(icon: StarlightIcon) {
      // …
    }

    所有图标

    Section titled “所有图标”

    下面显示了所有可用图标，包括它们对应名称的列表。单击图标将其名称复制到剪贴板。