jatui

LazyImage

IntersectionObserver-backed lazy loader with skeleton placeholder and fit modes

Cover fit (default)

Contain fit

Aspect ratio

Props

PropTypeDefaultDescription
srcstring-Image URL
altstring-Accessible alt text
fit"cover" | "contain" | "fill""cover"Object-fit mode
aspectRatiostring | nullnullCSS aspect-ratio (e.g. "16/9")
preloadbooleanfalseLoad immediately without waiting for viewport entry
prioritybooleanfalseAlias for preload — marks above-the-fold images
widthnumber | nullnullExplicit width in px
heightnumber | nullnullExplicit height in px