MDX Showcase
Examples of rich content blocks supported in wildcard pages.
This page demonstrates the MDX capabilities available in wildcard pages.
MDX Formatting Reusable ComponentsRich 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
- Ordered step one
- Ordered step two
- Ordered step three
Table example
| Capability | Supported | Notes |
|---|---|---|
| Headings | Yes | Styled for readability |
| Tables | Yes | Responsive overflow wrapper |
| Callouts | Yes | Use <Info> for helpful context |
| Badges | Yes | Use <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