Markdown() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Markdown.tsx lines 15–36

export const Markdown = ({
  children,
  className,
  content = '',
  extLinks = false,
  ...props
}: PropsWithChildren<MarkdownProps>) => {
  return (
    <ReactMarkdown
      remarkPlugins={[remarkGfm]}
      components={{
        h3: ({ children }) => <h3 className="mb-1">{children}</h3>,
        code: ({ children }) => <code className="text-code-inline">{children}</code>,
        a: ({ href, children }) => <InlineLink href={href ?? '/'}>{children}</InlineLink>,
      }}
      {...props}
      className={cn('text-sm', className)}
    >
      {(children as string) ?? content}
    </ReactMarkdown>
  )
}