import Props from '@ionic-internal/component-api/v7/img/props.md'; import Events from '@ionic-internal/component-api/v7/img/events.md'; import Methods from '@ionic-internal/component-api/v7/img/methods.md'; import Parts from '@ionic-internal/component-api/v7/img/parts.md'; import CustomProps from '@ionic-internal/component-api/v7/img/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/img/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

Img is a tag that will lazily load an image whenever the tag is in the viewport. This is extremely useful when generating a large list as images are only loaded when they're visible. The component uses Intersection Observer internally, which is supported in most modern browsers, but falls back to a setTimeout when it is not supported.

import Basic from '@site/static/usage/v7/img/basic/index.md';