Officina UI
Components

Markdown

Render a Markdown string as sanitized, prose-styled HTML with GitHub-flavored syntax.

Markdown renders a Markdown string (passed as children) into prose-styled HTML, supporting GitHub Flavored Markdown such as tables, task lists, and strikethrough. Output is sanitized to strip unsafe HTML, so it is safe for user-generated content like comments, descriptions, or AI responses.

Example

Preview

Markdown supports tables, links, and safe formatted content.

import { Markdown } from '@officina/ui';

function Notes() {
  return (
    <Markdown>{`# Release notes\n\n- **Fixed** a crash\n- Added \`Markdown\` support`}</Markdown>
  );
}

API

Markdown is composed from other primitives and exposes no direct props. Compose it with its subcomponents and standard element attributes.

On this page