Markdown

Installation

bunnpmpnpmyarn
$ pnpm dlx shadcn@latest add @termcn/markdown
Copy

Usage

Copyimport { Markdown } from "@/components/ui/markdown";

Copy<Markdown>{`# Welcome\n\nThis is **bold** and *italic* text.`}</Markdown>

Examples

Streaming

While tokens arrive, enable streaming to blink a cursor after the last line and auto-close an odd number of Markdown fenced code blocks so partial streams still render.

import { Markdown } from "@/components/ui/markdown";

export function MarkdownStreamingDemo() {
  return (
    <Markdown streaming cursor="▌">
      {"## Streaming\n\n```ts\nconst answer = "}
    </Markdown>
  );
}

API Reference

Markdown