Cards

Create visual links to other pages or resources.

Basic Usage

Getting Started

Learn how to set up your first documentation site.

Components

Explore all available components.

Configuration

Customize your site settings.

Without Icons

Markdown Guide

Write content using standard Markdown syntax.

Project Structure

Understand how files are organized.

Cards without href render as static content boxes:

Coming Soon

This feature is currently in development.

Enterprise Only

Available for enterprise customers.

Without Descriptions

Quickstart

Components

Deploy

GitHub

View the source code and contribute.

Phosphor Icons

Browse the complete icon library.

With Rich Content

Card descriptions support Markdown:

Code Features

Includes syntax highlighting, line numbers, and diff markers.

Search

Full-text search powered by Pagefind.

Syntax 

:::cards
::card{title="Card Title" icon="icon-name" href="/path"}
Optional description with **Markdown** support.
::

::card{title="Another Card" href="https://example.com"}
External link card.
::
:::

Reference

Attribute Required Description
title Yes Card heading text
icon No Phosphor icon name
href No Link URL (internal or external)
Content No Description text (supports Markdown)

Cards without href render as <div> instead of <a>.

Edit this page
Last updated
Built with Docyard