Tarjetas de Enlace
Para mostrar enlaces a diferentes páginas de forma destacada, utiliza el componente <LinkCard>
Importación
import { LinkCard } from "@astrojs/starlight/components";Uso
Mostrar un enlace de forma destacada utilizando el componente <LinkCard>. Cada <LinkCard> requiere un atributo title y un atributo href
<LinkCard title="Revisa esto" href="/ruta"> Contenido interesante que deseas destacar.</LinkCard>Agregar una descripción de enlace
Agregar una descripción breve a una tarjeta de enlace usando el atributo description
import { LinkCard } from "@astrojs/starlight/components";
<LinkCard title="Internacionalización" href="/" description="Configura Starlight para admitir varios idiomas."/>;Agrupar tarjetas de enlace
Muestra varias tarjetas una al lado de la otra cuando hay suficiente espacio agrupándolas con el componente <CardGrid>. Consulta la guía “Agrupar tarjetas” para un ejemplo
Props de <LinkCard>
El componente <LinkCard> acepta las siguientes propiedades, así como todos los demás atributos de los elementos <a>:
title
requerido
tipo: string
El título de la tarjeta de enlace a mostrar.
href
requerido
tipo: string
El URL al que enlazar cuando se interactúa con la tarjeta.
description
requerido
tipo: string
Una descripción opcional para mostrar debajo del título.