MDX Feature Showcase

Typography and links

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Visit the authors directory, open the tag index, or read inline code without leaving this fixture.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lists and task states

• A regular unordered item
  • A nested item
• An item containing strong text
• An item containing a local link

1. First ordered step
2. Second ordered step
3. Third ordered step

• Frontmatter is parsed
• The table of contents is generated
• A deliberately incomplete fixture task

Table rendering

Code highlighting

type Author = {
  slug: string;
  name: string;
};

export const profilePath = (author: Author) => `/about/${author.slug}`;

struct Post: Identifiable {
    let id: UUID
    let title: String
    let authors: [String]
}

Mathematics

Inline mathematics should render as (E = mc^2). A display equation should also receive its own block:

Footnotes and separators

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.¹

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.