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

# Image

`img` renders a remote or local image. `src` is required.

## Properties

| Property     | Accepted value                      | Description                                    |
| ------------ | ----------------------------------- | ---------------------------------------------- |
| `src`        | `string`                            | Image URL or supported image source. Required. |
| `alt`        | `string`                            | Accessibility description.                     |
| `resizeMode` | `"cover" \| "contain" \| "stretch"` | How the image fits its layout bounds.          |
| `style`      | `StyleProperties`                   | Size, shape, spacing, and appearance values.   |
| `key`        | `string \| number`                  | React key for dynamic images.                  |
| `class`      | `string`                            | Registered style name for this node only.      |

## Example

```tsx theme={null}
<img
  src="https://cdn.example.com/products/jacket.jpg"
  alt="Blue lightweight jacket"
  resizeMode="cover"
  style={{
    width: "100%",
    height: 220,
    borderRadius: 16
  }}
/>
```

Set an explicit width, height, or aspect ratio so the layout reserves space while the image loads.
`img` is a leaf node and does not render `children`.