Cards

To display content in a box matching Starlight’s styles, use the <Card> component.

Import

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

Usage

Display a card using the <Card> component and provide a title for the card.

Check this out

Interesting content you want to highlight.

Add icons to cards

Include an icon in a card using the icon attribute set to the name of one of Starlight’s built-in icons.

Stars

Sirius, Vega, Betelgeuse