#Markdown Surface

Provides a coherent reading hierarchy for sanitized Markdown output, code, tables, media, and explicit custom-renderer slots.

npm run release:check

npm install @a3s-lab/ui@0.4.1

<article class="markdown-surface">
  <h2>Run summary</h2><p>The task completed with <strong>three verified changes</strong>.</p><pre tabindex="0"><code>npm run release:check</code></pre><blockquote>Review generated output before publishing.</blockquote>
</article>

import "@a3s-lab/ui/a3s.css";
import "@a3s-lab/ui/all";

#Usage

<article class="markdown-surface">
  <h2>Run summary</h2><p>The task completed with <strong>three verified changes</strong>.</p><pre tabindex="0"><code>npm run release:check</code></pre><blockquote>Review generated output before publishing.</blockquote>
</article>

#Contract

#Product boundary

It does not parse untrusted HTML, load remote renderers, or decide whether links are safe. Diagram, math, and media slots are registered explicitly by the host.

The component publishes a reusable interaction boundary only. Data fetching, persistence, permission, trusted content, and business entities remain host-owned.

#Accessibility

Heading levels stay continuous, links are visible and focusable, and code remains left-to-right. Tables and code own bounded overflow on narrow screens.