TILF Logo
Log in

MDX Showcase

Examples of rich content blocks supported in wildcard pages.

This page demonstrates the MDX capabilities available in wildcard pages.

MDX Formatting Reusable Components

Rich content examples

Use this page as a template for legal docs, onboarding guides, and product education pages.

Text formatting

You can use bold text, italic text, strikethrough, and inline code like payload.find(...).

You can also create internal links to FAQ, Legal Terms, and Privacy Policy.

Lists

  • Unordered list item one
  • Unordered list item two
    • Nested list item
    • Another nested item
  1. Ordered step one
  2. Ordered step two
  3. Ordered step three

Table example

CapabilitySupportedNotes
HeadingsYesStyled for readability
TablesYesResponsive overflow wrapper
CalloutsYesUse <Info> for helpful context
BadgesYesUse <Pill> for quick labels

Code block example

const { docs } = await payload.find({
  collection: "pages",
  where: {
    status: { equals: "published" },
  },
  overrideAccess: false,
});

Great documentation is a product feature.


Suggested content patterns

  • Product onboarding guides
  • Grading policy references
  • Curriculum standards breakdowns
  • Internal SOPs for teachers and coordinators

Updated February 26, 2026