Skip to content

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>

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

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