# kol-image

<!-- Auto Generated Below -->


## Overview

The **Image** component renders an image with support for responsive loading via `srcset` and `sizes`, lazy loading, and accessible alternative text.

## Properties

| Property            | Attribute  | Description                                                                   | Type                                                                                                        | Default     |
| ------------------- | ---------- | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
| `_alt` _(required)_ | `_alt`     | Sets the alternative text of the image.                                       | `string`                                                                                                    | `undefined` |
| `_loading`          | `_loading` | Defines the loading mode for the image.                                       | `"eager" \| "lazy" \| undefined`                                                                            | `undefined` |
| `_on`               | --         | Defines callbacks for image load events (`onError`, `onLoad`).                | `undefined \| { onError?: EventCallback<Event> \| undefined; onLoad?: EventCallback<Event> \| undefined; }` | `undefined` |
| `_sizes`            | `_sizes`   | Defines the image sizes for different screen resolutions, supporting _srcset. | `string \| undefined`                                                                                       | `undefined` |
| `_src` _(required)_ | `_src`     | Sets the image `src` attribute to the given string.                           | `string`                                                                                                    | `undefined` |
| `_srcset`           | `_srcset`  | Sets a list of source URLs with widths of the images.                         | `string \| undefined`                                                                                       | `undefined` |


----------------------------------------------


