MDX Features Demo

This page demonstrates the enhanced markdown capabilities of the Black Cherry documentation system.

1. Syntax Highlighting

We support high-quality syntax highlighting for many languages.

interface PedalConfig {
  name: string;
  channels: number[];
  sections: {
    id: string;
    midi: Array<{ pc: number; channel: number }>;
  }[];
}

const config: PedalConfig = {
  name: "CUELIST V1",
  channels: [1, 2, 3],
  sections: [
    { id: "chorus", midi: [{ pc: 12, channel: 1 }] }
  ]
};

2. Mermaid Diagrams

Visualize complex logic or signal flow directly in your docs.

3. Tables

Render data cleanly with our custom table styling.

4. Images with Captions

High-quality image support with consistent styling.

Black Cherry wordmark

5. Callouts

Highlight important information, tips, or warnings.

6. Blockquotes & Styling

"The Cuelist changed how I play live. I never have to look at a laptop screen again." — John Doe, Touring Guitarist

You can also use bold text, italics, and links.