Link Cards
Link preview cards for external resources, further reading, or related pages. Each card displays a title, optional description, and an arrow indicator.
Basic Link Card
Grav CMS Modern open-source flat-file CMSMARKDOWN
[doc-link-card href="https://getgrav.org" title="Grav CMS" description="Modern open-source flat-file CMS"]
With Icon
Add an icon to make link cards more recognizable:
GitHub Where the world builds softwareMARKDOWN
[doc-link-card href="https://github.com" title="GitHub" description="Where the world builds software" icon="tabler/brand-github.svg"]
Without Description
Link cards work with just a title:
Grav DocumentationMARKDOWN
[doc-link-card href="https://learn.getgrav.org" title="Grav Documentation"]
Internal Links
Use internal paths and disable new tab for in-site navigation:
Installation Guide Get up and running with HeliosMARKDOWN
[doc-link-card href="/v3/getting-started/installation" title="Installation Guide" description="Get up and running with Helios" icon="tabler/download.svg" new-tab=false]
Multiple Link Cards
Stack link cards for a "further reading" section:
Downloads Get the latest version of Grav Premium Explore premium plugins and themes Community Join the Grav community on DiscordMARKDOWN
[doc-link-card href="https://getgrav.org/downloads" title="Downloads" description="Get the latest version of Grav" icon="tabler/download.svg"]
[doc-link-card href="https://getgrav.org/premium" title="Premium" description="Explore premium plugins and themes" icon="tabler/star.svg"]
[doc-link-card href="https://discord.gg/grav" title="Community" description="Join the Grav community on Discord" icon="tabler/messages.svg"]
Parameters
| Parameter | Required | Default | Description |
|---|---|---|---|
href |
Yes | — | URL to link to |
title |
Yes | — | Card title |
description |
No | — | Short description text |
icon |
No | — | Icon path (e.g., tabler/star.svg) |
new-tab |
No | true |
Open link in new tab |