MDX Showcase

This page shows what the MDX renderer supports: text, lists, tables, code blocks, and charts, styled with the Kanagawa palette.

Bold and italic samples appear here to verify typography.

Highlights

• Bold and italic text
• Custom code blocks
• Tables
• Recharts charts

Code block (TypeScript)

type Lang = "pt" | "en";

const labels: Record<Lang, string> = {
pt: "Ola, mundo",
en: "Hello, world",
};

export function say(lang: Lang) {
return labels[lang];
}

Feature table

Bar chart (Recharts)

Line chart (Recharts)