Image display

Image with lazy loading, aspect ratio control, object-fit, and error/loading fallback.

API Reference

<Image>

Prop	Type	Default
ref	—	`null`
imageRef	—	`null`
src	—	`null`
alt	—	`''`
srcset	—	required
sizes	—	required
width	—	required
height	—	required
decoding	—	required
fetchpriority	—	required
imageLoading	—	required
crossOrigin	—	required
referrerPolicy	—	required
loading	—	`false`
status	—	`'idle'`
fit	—	`'cover'`
imgClass	—	required
fallbackText	—	`'Image failed to load'`
class	—	required
children	Snippet<[state: ImageState]>	required
loadingContent	—	required
fallback	—	required
onLoad	—	required
onError	—	required

<Image.Fallback>

Prop	Type	Default
class	—	required
children	Snippet<[state: ImageState]>	required

<Image.Loading>

Prop	Type	Default
class	—	required
children	Snippet<[state: ImageState]>	required