Images

All images in your documentation are automatically zoomable — click any image to view it at full size. No extra syntax needed.

Basic Image

Use standard Markdown image syntax. Place your images in the public/ directory and reference them with an absolute path:

![Architecture diagram](/images/architecture.png)

Images are automatically wrapped in a zoom component, so users can click to expand.

HTML Images

You can also use HTML <img> tags for more control over sizing:

<img src="/images/screenshot.png" alt="Dashboard screenshot" width="600" />

The zoom behavior works with both Markdown ![]() syntax and <img> tags.

Image Best Practices

File Structure