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

Карточки-ссылки

Для создания карточек-ссылок на разные страницы используйте компонент <LinkCard>.

Превью
import { LinkCard } from '@astrojs/starlight/components';

Отображайте карточку-ссылку с помощью компонента <LinkCard>. Каждый компонент <LinkCard> требует использования атрибутов title и href.

import { LinkCard } from '@astrojs/starlight/components';
<LinkCard
title="Создание контента в Markdown"
href="/ru/guides/authoring-content/"
/>

Добавьте краткое описание к карточке-ссылке с помощью атрибута description.

import { LinkCard } from '@astrojs/starlight/components';
<LinkCard
title="Интернационализация"
href="/ru/guides/i18n/"
description="Настройте Starlight для поддержки нескольких языков."
/>
Превью

Отображайте несколько карточек-ссылок рядом друг с другом при наличии свободного места, группируя их с помощью компонента <CardGrid>. См. пример в статье Группировка карточек.

Реализация: LinkCard.astro

Компонент <LinkCard> принимает следующие параметры, а также все остальные атрибуты элементов <a>:

обязательный
тип: string

Заголовок карточки-ссылки.

обязательный
тип: string

URL-адрес, на который нужно ссылаться при взаимодействии с карточкой.

тип: string

Необязательное описание для отображения под заголовком.