Skip to main content

Image

Media
View Docs

Responsive image with lazy loading, placeholders, and error fallback

mediaimagephotolazyplaceholder

Demo

Placeholder vs skeleton

Blue gradient with overlapping circles

Blurred low-resolution placeholder

Green gradient with overlapping circles

Skeleton (the default)

Object fit

cover

contain

fill

scale-down

Rounding

none

md

lg

full

Error fallback

A missing photo

Image lazy-loads by default and requires alt at the type level — pass an empty string for decorative images.

Usage

import { Image } from '@classic-homes/theme-svelte';

Related Components