> For the complete documentation index, see [llms.txt](https://docs.transactionlink.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.transactionlink.io/docs/workflows/js-api/inline-mode.md).

# Inline mode

Note that the optimal way to use the widget in inline mode is to place the widget element inside a container with fixed width and height:

```haml
<div class="widget-wrapper">
    <div id="transactionlink-widget" />
</div>
```

```css
.widget-wrapper {
  width: 100%;
  height: 100%;
}
```

This ensures proper rendering and display of the inline widget.