Vaulthalla Logo

Rendering

Render Markdown

1import { MarkdownRenderer } from '@valkyrianlabs/payload-markdown/server'23export function PostBody({ content }: { content?: string | null }) {4  if (!content) return null56  return <MarkdownRenderer markdown={content} />7}8

Local overrides

1<MarkdownRenderer2  markdown={post.content}3  collectionSlug="posts"4  scope="field"5  variant="blog"6  size="lg"7  className="[&_.prose a]:text-cyan-300"8  wrapperClassName="max-w-4xl"9  fullBleedCode10/>11

Direct component props are the final override layer.

Renderer Options

1<MarkdownRenderer2  markdown={content}3  collectionSlug="posts"4  scope="field"5  variant="blog"6  size="lg"7  enableGutter8  fullBleedCode9  mutedHeadings10/>11

Common props

  • markdown
  • collectionSlug
  • scope
  • variant
  • size
  • className
  • wrapperClassName
  • enableGutter
  • fullBleedCode
  • mutedHeadings