Pular para o conteúdo

Cards

Atualizado em Ver como Markdown

The Card component is used 30 times on 28 pages.

See all examples of pages that use Card

Used 30 times.

Pages

Partials

Cards are a built-in component provided by Starlight ↗.

Cards

import { Card } from "~/components";

<Card title="Check this out" icon="ph:puzzle-piece">
	Interesting content you want to highlight.
</Card>

List cards

import { ListCard } from "~/components";

<ListCard title="Links" icon="ph:puzzle-piece">

- foo
- bar
- baz

</ListCard>
import { LinkTitleCard } from "~/components";

<LinkTitleCard
	title="Check this out"
	icon="ph:puzzle-piece"
	href="/style-guide/components/cards/"
>
	Interesting content you want to highlight.
</LinkTitleCard>

Card icons

Optionally, you can choose a corresponding icon from Starlight’s Icons ↗ for cards.