Перейти к содержимому
Filters

    Иконки

    Starlight предоставляет набор общих иконок, которые вы можете отображать в своем контенте, используя компонент <Icon>.

    Иконки можно отображать с помощью компонента <Icon>. Они также часто используются в других компонентах, таких как карточки или в настройках, таких как hero.

    Используйте тип TypeScript StarlightIcon, чтобы ссылаться на названия встроенных иконок Starlight.

    src/icon.ts
    import type { StarlightIcon } from '@astrojs/starlight/types';
    function getIconLabel(icon: StarlightIcon) {
    // …
    }

    Список всех доступных иконок показан ниже с их соответствующими именами. Кликните по значку, чтобы скопировать код компонента для него.