Components

Components

A comprehensive reference for all markdown components available in Coderoo

Beginner

components reference markdown

Components

Tables

Standard and enhanced markdown tables with alignment and styling

Beginner

components tables markdown

Markdown features

Terminal and Command Output

Display styled console output with syntax highlighting for commands and results

Beginner

markdown terminal console command-line cli

Markdown features

Code Blocks

Syntax highlighting, titles, line numbers, markers, and diff support

Beginner

markdown code syntax-highlighting expressive-code

Markdown features

Figures and Captions

Semantic HTML figures with images and captions for better accessibility

Beginner

markdown figures images captions semantic

Markdown features

Image Gallery & Lightbox

Create clickable image galleries with zoom lightbox overlay

Beginner

markdown gallery lightbox images interactive

Markdown features

Badges and Labels

Add visual status indicators and labels to highlight important information

Beginner

markdown badges labels status

Markdown features

Images in Markdown

Learn how to insert images in Markdown

Intermediate

markdown components buttons cta

Markdown features

Markdown Features Guide

Learn about the enhanced markdown features available in this CMS

Beginner

markdown documentation authoring

Markdown features

Advanced Markdown Features

Explore task lists, strikethrough, footnotes, and more

Beginner

markdown features advanced

Markdown features

Text Highlighting

Mark important text with a highlight effect using the ==text== syntax

Beginner

markdown highlight emphasis formatting

Markdown features

Inline Spoilers

Hide text with a blur effect that reveals on hover or click (Discord-style)

Beginner

markdown spoilers interactive reveal

Markdown features

Link Buttons

Learn how to create call-to-action buttons with different variants and icons

Intermediate

markdown components buttons cta

Markdown features

Keyboard Shortcuts

Learn how to display keyboard keys and shortcuts with visual styling

Beginner

markdown keyboard shortcuts inline

Markdown features

Math Equations with KaTeX

Learn how to write beautiful mathematical equations using LaTeX syntax

Beginner

markdown math katex latex

Markdown features

Using Steps

Create visually distinct step-by-step instructions for tutorials and guides

Beginner

markdown steps tutorials

Markdown features

GitHub-Style Alerts

Alternative styling for asides using GitHub's visual design

Beginner

markdown asides github

Markdown features

Definition Lists

Learn how to create semantic term and definition pairs for glossaries and documentation

Beginner

markdown lists definitions glossary

Markdown features

Annotations and Tooltips

Add inline explanations and tooltips to technical terms and acronyms

Beginner

markdown annotations tooltips inline

Markdown features

Image Comparison Slider

Interactive before/after image comparisons with draggable sliders

Beginner

markdown images interactive visual