Function Markdown

packages/react/src/components/markdown.tsx:94–108

(props: { children: string; className?: string })

].join(" ");

export function Markdown(props: { children: string; className?: string }) {
  const components = { a: Link, img: Image, pre: PreBlock } satisfies Components;
  return (
    <div className={props.className ? `${PROSE_CLASSES} ${props.className}` : PROSE_CLASSES}>
      <Streamdown
        components={components}
        linkSafety={{ enabled: true }}
        skipHtml
        urlTransform={(url) => sanitizeMarkdownUrl(url)}
      >
        {props.children}
      </Streamdown>
    </div>
  );
}