---
url: /api/renderers/web-components/src/variables/img.md
---
[pantoken-root](../../../../index.md) / [renderers/web-components/src](../index.md) / img

# Variable: img

> `const` **img**: [`ElementDefinition`](../interfaces/ElementDefinition.md)

Alpha

`<instui-img>` — a token-styled `<img>` built from `src`/`alt`. `constrain` maps to
`-constrain-<value>` (e.g. `cover`, `contain`) and `display="block"` to `-display-block`.

## Example

```html
<instui-img src="/hero.jpg" alt="Campus" constrain="cover" display="block"></instui-img>
```