Skip to content
Powered byPagefind
CardsCards

Cards

Info box with optional icon, title, and link.


Card renders an info box with an optional icon, title, and content. Adding href turns the entire card into a clickable link.

Usage

:::card[Title]
Card with title and content.
:::

:::card[Title]{icon="star"}
Card with icon and title.
:::

:::card[Title]{href="/docs/"}
Clickable card link.
:::

:::card{icon="star"}
Card with icon, no title.
:::

:::card
Minimal card, content only.
:::

Preview

Title

Card with title and content.

Title

Card with icon and title.

Title

Clickable card link.

Card with icon, no title.

Minimal card, content only.

Attributes

Props

icon
Required
No
Type
string

Icon name

href
Required
No
Type
string

Makes the entire card a clickable link

class
Required
No
Type
string

Additional CSS classes