> For the complete documentation index, see [llms.txt](https://docs.navigaglobal.com/writer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navigaglobal.com/writer/8.1.0/api-reference/uicomponents/uiinlineimage.md).

# UIInlineImage

Inline image component which rerenders itself when its FileNode is loaded.

**Since**: 6.3.0 (3.8.0)

| Name      | Type       | Default | Description                                                         |
| --------- | ---------- | ------- | ------------------------------------------------------------------- |
| nodeId    | `string`   |         | **Required** - The file/image nodeId which implements getUrl-method |
| draggable | `boolean`  | `true`  | If image should have draggable attribute or not                     |
| onLoad    | `function` |         | On load callback                                                    |
| class     | `string`   |         | Added extra class to img-element                                    |

### Example

```js
import {UIInlineImage} from 'writer'

render($$) {
    const el = $$('div')
    return el.append($$(UIInlineImage, {
        nodeId: imageFileNodeId
    }))
}
```