Image

Use Image when you need more control than basic Markdown image syntax.

<Image  src="/images/plants.jpg"  alt="Overhead shot of moody plants"  title="Moody plants"/>

Basic usage

src is required. Always include meaningful alt text for accessibility.

<Image  src="/images/plants.jpg"  alt="Overhead shot of moody plants"/>

Use title to show a caption below the image.

<Image  src="/images/plants.jpg"  alt="Overhead shot of moody plants"  title="Photo by [Nico Knaack](https://unsplash.com/@xoxnk)"/>

Pass width (in pixels) to keep large images from taking too much space.

<Image  src="/images/surreal_architecture.jpg"  alt="Surreal architecture framed through a circular opening"  width={350}/>

Set zoom={false} when you want the image to remain static.

<Image  src="/images/plants.jpg"  alt="Overhead shot of moody plants"  title="Zoom disabled"  zoom={false}/>

Prop	Description	Type	Default
`src`	Image source path or URL.	`string`	—
`alt`	Alternative text for accessibility.	`string`	—
`title`	Caption text shown below the image. Supports inline Markdown.	`string`	—
`width`	Max rendered width in pixels.	`number` \| `string`	—
`zoom`	Enables click-to-zoom overlay behavior.	`boolean`	`true`

Image only supports src, alt, title, width, and zoom. Unsupported props will throw a user-facing validation error.