> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Image

> Documentation for the Image component. Learn how to bind image URLs and configure display properties to render a single image on a page.

Use this component to display an image resource.

## When to Use

* Display a single image on a page.

## Component Example

## Component Properties

| Attribute     | Description                                                                                                                                      | Type                                    | Default       |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------- | ------------- |
| `alt`         | Placeholder text shown when the image fails to load.                                                                                             | `string`                                | `'Image 404'` |
| `autuHeight`  | Adaptive height.                                                                                                                                 | `boolean`                               | `false`       |
| `autuWidth`   | Adaptive width.                                                                                                                                  | `boolean`                               | `false`       |
| `fit`         | Image display mode. `cover`: crop to fit the container; `contain`: preserve the aspect ratio with padding; `fill`: stretch to fit the container. | `'cover' \| 'contain' \| 'fill'`        | `'cover'`     |
| `height`      | Image height.                                                                                                                                    | `number`                                | `200`         |
| `preview`     | Whether to enable image preview.                                                                                                                 | `boolean`                               | `false`       |
| `round`       | Image corner radius, in px.                                                                                                                      | `'16' \| '8' \| '4' \| '0' \| 'Custom'` | `'0'`         |
| `roundRadius` | Custom corner radius. Takes effect only when the **round** attribute is set to `'Custom'`.                                                       | `number`                                | `0`           |
| `src`         | Image URL.                                                                                                                                       | `string`                                | -             |
| `title`       | Image title. Sets the native HTML `title` attribute, which appears on mouse hover.                                                               | `string`                                | -             |
| `width`       | Image width.                                                                                                                                     | `number`                                | `350`         |