Cards
Display linked content as a grid of cards
Last updated March 17, 2026
Cards
A grid of clickable cards for navigation or feature highlights.
Usage
Use the cards code fence. Each card is defined with # Title, a description line, and an optional link (line starting with /).
```cards
# Getting Started
Learn the basics of Petit
/getting-started/overview
# Configuration
Set up your project config
/getting-started/configuration
# Markdown
Write beautiful documentation
/reference/markdown
```
Example
Getting StartedLearn the basics of PetitConfigurationSet up your project configMarkdownWrite beautiful documentation
API Reference
Card Properties
| Property | Type | Default | Description |
|---|---|---|---|
title | string | required | Card heading (from `# Title` line) |
description | string | - | Description text (first line after title) |
href | string | - | Link URL (line starting with `/`) |