Skip to content

Cards

Last updated View as MarkdownAgent setup

The Card component is used 33 times on 31 pages.

See all examples of pages that use Card

Used 33 times.

Pages

Partials

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

    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/build-the-page/components/cards/"
>
	Interesting content you want to highlight.
</LinkTitleCard>

    Card icons

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

    Was this helpful?