@mdwrk/markdown-renderer-react

React markdown renderer component

This package wraps the MdWrk renderer core in a React component with theme styles and link-interaction hooks, without depending on any app-shell layout layer.

Why

Use it when you want markdown rendering as a React component instead of a headless HTML string pipeline.

What

• A MarkdownRenderer React component.
• Theme-style helpers for renderer output.
• Link click interception and attribute injection hooks.
• Styling that targets the portable MdWrk markdown token contract rather than studio-only shell selectors.

Installation

Node.js 20.x through 22.x, matching the workspace engine contract in the root package manifest.

npm install @mdwrk/markdown-renderer-react @mdwrk/markdown-renderer-core

Usage

import { MarkdownRenderer } from "@mdwrk/markdown-renderer-react";
import "@mdwrk/markdown-renderer-react/styles/default.css";

export function Preview() {
  return <MarkdownRenderer markdown={"# Hello\n\nRendered with MdWrk."} />;
}

Surface

• Shared preview/export inventory is available through useMarkdownPreviewCommands().
• Static export helpers now include renderMarkdownToStaticHtmlDocument() and renderMarkdownToStaticPdfDocument().
• Preview hosts keep rendered text selectable on touch devices so users can expand a native selection range.

Related

• Packages index - family and package navigation
• Root README - repo overview