Skip to Content
ReferenceSDK ReferenceMarkdown API

Markdown API

Markdown rendering component from @myco-dev/sdk/markdown.

Markdown

import { Markdown } from "@myco-dev/sdk/markdown";

Renders markdown content using Markdoc. Supports custom tag extensions for app-specific rendering.

Props: MarkdownProps

PropTypeRequiredDescription
childrenstringYesMarkdown content to render
classNamestringNoCSS class for the wrapper div
collapsibleBlockquotebooleanNoEnable collapsible blockquotes (default: false)
extensionsMarkdocTagExtension[]NoCustom Markdoc tag extensions
componentsRecord<string, React.ComponentType<any>>NoCustom Markdoc component overrides

Example

import { Markdown } from "@myco-dev/sdk/markdown";
import "@myco-dev/sdk/markdown/styles.css";
 
function MessageContent({ content }: { content: string }) {
  return (
    <Markdown className="prose">
      {content}
    </Markdown>
  );
}

Styles

Import the CSS for proper markdown styling:

import "@myco-dev/sdk/markdown/styles.css";

mergeExtensions

import { mergeExtensions } from "@myco-dev/sdk/markdown";

Merge multiple Markdoc tag extension arrays into one.

function mergeExtensions(
  ...extensions: (MarkdocTagExtension[] | undefined)[]
): MarkdocTagExtension[]

PromptsClickEvent

import { PromptsClickEvent } from "@myco-dev/sdk/markdown";

Event type emitted when prompt suggestions within markdown content are clicked.

Types

MarkdocTagExtension

import type { MarkdocTagExtension } from "@myco-dev/sdk/markdown";

Defines a custom tag that can be rendered within markdown content. Used to extend the Markdoc parser with app-specific tags.

MarkdownProps

import type { MarkdownProps } from "@myco-dev/sdk/markdown";

Props interface for the Markdown component (see table above).

Server SDK API