Add image control options

[nicholasdly]

Problem Statement

I have been enjoying using Streamdown as a static Markdown renderer for my blog. I wish the Streamdown image component had control options similar to code blocks, tables, and mermaid diagrams. That way I can simply display images without having them be downloadable or grayed out on hover.

Proposed Solution

Add control options to the image component, similar to code blocks, tables, and mermaid diagrams.

Alternatives Considered

No response

Use Case

import { Streamdown } from "streamdown";

export function Markdown({ content }: { content: string }) {
  return (
    <Streamdown controls={{ image: false }}>
      {content}
    </Streamdown>
  );
}

Priority

Nice to have

Contribution

• I am willing to help implement this feature

Additional Context

No response