Estrellas
Sirius, Vega, Betelgeuse
Para mostrar contenido en una caja que coincida con los estilos de Starlight, usa el componente <Card>
.
Muestra una tarjeta usando el componente <Card>
y proporciona un title
para la tarjeta.
Incluye un icono en una tarjeta usando el atributo icon
establecido en el nombre de uno de los iconos integrados de Starlight.
import { Card } from '@astrojs/starlight/components';
<Card title="Estrellas" icon="star"> Sirius, Vega, Betelgeuse</Card>
{% card title="Estrellas" icon="star" %}Sirius, Vega, Betelgeuse{% /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.
<Card>
Implementación: Card.astro
El componente <Card>
acepta las siguientes propiedades:
title
requerido
tipo: string
El título de la tarjeta a mostrar.
icon
tipo: string
Una tarjeta puede incluir un atributo icon
establecido en el nombre de uno de los iconos integrados de Starlight.