This utility component uses the [Image API](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image) to programmatically load an image with slottable loading and error states. ### Default ### Slots Use the "loading" and "error" named slots to render an element when the image is loading or has an error. An error occurred. ### With aspect ratio If `ratio` is set, this component uses the [AspectRatio](/components/AspectRatio) to constrain the image. Supported aspect ratios include `"2x1"`, `"16x9"`, `"4x3"`, `"1x1"`, `"3x4"`, `"3x2"`, `"9x16"` and `"1x2"`. ### Fade in Set `fadeIn` to `true` to fade in the image if successfully loaded. Reload image {#key key}{/key} ### Programmatic usage In this example, a component reference is obtained to programmatically trigger the `loadImage` method.