Tarjetas de Enlace
Para mostrar enlaces a diferentes páginas de forma destacada, utiliza el componente <LinkCard>
Importación
Section titled “Importación”import { LinkCard } from "@astrojs/starlight/components";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
Section titled “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
Section titled “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>
Section titled “Props de <LinkCard>”El componente <LinkCard> acepta las siguientes propiedades, así como todos los demás atributos de los elementos <a>:
requerido
tipo: string
El título de la tarjeta de enlace a mostrar.
requerido
tipo: string
El URL al que enlazar cuando se interactúa con la tarjeta.
description
Section titled “description”requerido
tipo: string
Una descripción opcional para mostrar debajo del título.