# Image API

> Auto-generated API reference for `Image` from @vuetify/v0 (Vuetify0).
> Source of truth: https://0.vuetifyjs.com/api/image

## Related

- https://0.vuetifyjs.com/components/semantic/image
- https://0.vuetifyjs.com/composables/system/use-image
- https://0.vuetifyjs.com/components/semantic/avatar
- https://0.vuetifyjs.com/composables/system/use-intersection-observer

## Image.Root

### Props

| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| `src` | `string \| undefined` | — | no | Image source URL. Forwarded to Image.Img via context. |
| `lazy` | `boolean \| undefined` | `false` | no | Defer loading until the root element intersects the viewport. |
| `rootMargin` | `string \| undefined` | `"0px"` | no | IntersectionObserver root margin. Only used when lazy is true. |
| `threshold` | `number \| number[] \| undefined` | `0` | no | IntersectionObserver threshold(s). A number or array of numbers between 0.0 and 1.0 indicating the percentage of the target's visibility required to trigger the observer. Only used when lazy is true. |
| `root` | `Element \| null \| undefined` | `null` | no | IntersectionObserver root element. If omitted, the viewport is used. Pass a scroll container to observe intersections relative to it instead. Only used when lazy is true. |
| `namespace` | `string \| undefined` | `"v0:image"` | no | Namespace for dependency injection. |

### Slots

| Name | Type | Description |
|---|---|---|
| `default` | `ImageRootSlotProps` | — |

## Image.Fallback

### Props

| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| `namespace` | `string \| undefined` | `"v0:image"` | no | Namespace for retrieving the Image context. |

### Slots

| Name | Type | Description |
|---|---|---|
| `default` | `ImageFallbackSlotProps` | — |

## Image.Img

### Props

| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| `alt` | `string \| undefined` | — | no | Accessible alt text. |
| `srcset` | `string \| undefined` | — | no | Responsive image candidates. |
| `sizes` | `string \| undefined` | — | no | Image sizes hint for responsive selection. |
| `width` | `string \| number \| undefined` | — | no | Intrinsic image width — set to prevent layout shift. |
| `height` | `string \| number \| undefined` | — | no | Intrinsic image height — set to prevent layout shift. |
| `crossorigin` | `"" \| "anonymous" \| "use-credentials" \| undefined` | — | no | CORS request mode. |
| `referrerpolicy` | `string \| undefined` | — | no | Referrer policy for the request. |
| `decoding` | `"sync" \| "async" \| "auto" \| undefined` | `"async"` | no | How the browser should decode the image. |
| `loading` | `"eager" \| "lazy" \| undefined` | — | no | Native browser-managed lazy loading hint. |
| `fetchpriority` | `"auto" \| "high" \| "low" \| undefined` | — | no | Resource priority hint. |
| `namespace` | `string \| undefined` | `"v0:image"` | no | Namespace for retrieving the Image context. |

### Events

| Name | Type | Description |
|---|---|---|
| `load` | `[e: Event]` | — |
| `error` | `[e: Event]` | — |
| `loadstart` | `[src: string]` | — |

### Slots

| Name | Type | Description |
|---|---|---|
| `default` | `ImageImgSlotProps` | — |

## Image.Placeholder

### Props

| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| `namespace` | `string \| undefined` | `"v0:image"` | no | Namespace for retrieving the Image context. |

### Slots

| Name | Type | Description |
|---|---|---|
| `default` | `ImagePlaceholderSlotProps` | — |