Image

Loads a remote image after preloading. Use a background on the wrapper for a visible placeholder until load completes.

#
Usage

Basic image with alt text, dimensions, and object-cover.

Common width and height combinations.

120 × 120

200 × 150

320 × 180

Loading placeholder and failed URL behavior.

A neutral background on the wrapper shows while the URL loads. The component swaps in src after onload.

Failed load

When the request fails, the image keeps a minimal fallback and the wrapper background remains visible.

Name	Description	Type	Default	Values	Required
src	Image URL. Shows a transparent placeholder until the image loads.	String