Tarjetas

Para mostrar contenido en una caja que coincida con los estilos de Starlight, usa el componente <Card>

Importación de tarjetas

import { Card } from "@astrojs/starlight/components";

Uso de tarjetas

<Card title="Revisa esto">Contenido interesante que deseas destacar.</Card>

Ejemplo de tarjeta

Revisa esto

Contenido interesante que deseas destacar.

Agregar iconos en la tarjeta

<Card title="Revisa esto" icon="star">
  Contenido interesante que deseas destacar.
</Card>

Estrellas

Sirius, Vega, Betelgeuse

Agrupar tarjetas

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