Cards

Content boxes with titles and icons for grouping related information

Cards

Cards display content in styled boxes that match the documentation theme. Use them to highlight related information or group content visually.

Basic Card

Getting Started

Install Coderoo with Composer, create your first course, and start writing lessons in markdown.

Syntax:

:::card{title="Card Title"}
Card content with markdown support.
:::
Markdown

Card with Icon

Performance

Coderoo uses file-based caching and server-side rendering for fast page loads with zero JavaScript overhead.

:::card{title="Performance" icon="rocket"}
Content here.
:::
Markdown

Card without Title

This card has no title --- just content. Useful for simple callout boxes.

Rich Content

Feature Overview

Cards support full markdown:

  • Bold and italic text
  • Inline code snippets
  • Links
$user = User::find($id);
PHP

Best Practices

  • Use descriptive titles that tell readers what the card contains
  • Keep card content focused on a single topic
  • Use icons to add visual distinction when displaying multiple cards
  • Pair with Card Grids for multi-column layouts